body {
font-family:"Arial",sans-serif;
margin:0;
padding:0;
background-color:#121212;
color:#e0e0e0;
display:flex;
flex-direction:column;
min-height:100vh
}

html {
scroll-behavior:smooth
}

.container {
max-width:1200px;
margin:0 auto;
padding:0 20px
}

::-webkit-scrollbar {
width:12px
}

::-webkit-scrollbar-track {
background:#3c3c3c;
border-radius:6px
}

::-webkit-scrollbar-thumb {
background-color:#bb86fc;
border-radius:6px;
border:3px solid #3c3c3c
}

::-webkit-scrollbar-thumb:hover {
background-color:#96c
}

.navbar {
background-color:#1e1e1e;
color:#e0e0e0;
padding:12px 0;
box-shadow:0 2px 10px #0000004d;
border-bottom:2px solid #bb86fc
}

.navbar-container {
max-width:1200px;
margin:0 auto
}

.navbar-content {
display:flex;
justify-content:space-between;
align-items:center
}

.navbar-left,.navbar-right {
flex:1;
display:flex;
align-items:center
}

.navbar-left {
justify-content:flex-start
}

.navbar-right {
justify-content:flex-end
}

@media (max-width: 550px) {
    .navbar-right {
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .navbar-content {
        flex-direction: column;
    }
}

.navbar-center {
flex:2;
text-align:center
}

.navbar-brand {
font-size:28px;
font-weight:700;
display:flex;
align-items:center;
justify-content:center;
height:44px;
overflow:visible
}

.navbar-brand-gap {
margin:0 20px
}

.navbar-brand-logo {
height:80px;
width:auto;
vertical-align:middle;
object-fit:contain
}

.navbar-btn {
padding:10px 15px;
border-radius:4px;
font-weight:700;
text-decoration:none;
transition:all .3s ease;
display:inline-flex;
align-items:center;
border:1px solid #3c3c3c;
font-size:16px;
line-height:1.5;
height:44px;
box-sizing:border-box;
margin-right:20px;
}

.navbar-btn:hover {
transform: scale(1.03);
background-color:#45a049;
}

.navbar-btn-home {
color:#ffffff;
margin-left:-10px;
border-radius:8px
}

@media (max-width: 550px) {
    .navbar-btn {
        display: block;
        padding: 3px 6px;
        height: 35px;
        margin: 0px 5px;
    }
    .navbar-btn-home {
        margin: 5px;
    }
}

.navbar-btn-logout {
background-color:#ff3838;
color:#121212;
border-radius:8px;
cursor:pointer
}

.navbar-btn-logout:hover {
background-color:#e62828;
transform:translateY(-2px)
}

.navbar-btn-icon {
width:18px;
height:18px;
margin-right:8px;
margin-top:-4px;
filter:brightness(0) saturate(100%) invert(7%) sepia(9%) saturate(848%) hue-rotate(205deg) brightness(98%) contrast(92%)
}

.navbar-btn-icon-logout {
margin-right:0;
margin-left:8px;
margin-top:0
}

.navbar-icon-btn {
position:relative;
background-color:#292929;
border:2px solid #bb86fc;
border-radius:50%;
width:40px;
height:40px;
display:flex;
align-items:center;
justify-content:center;
margin:0 10px;
text-decoration:none;
transition:all .3s ease
}

.navbar-icon-btn:hover {
transform:translateY(-2px)
}

.navbar-icon-png {
width:20px;
height:20px;
filter:brightness(0) saturate(100%) invert(88%) sepia(8%) saturate(15%) hue-rotate(160deg) brightness(95%) contrast(95%);
transition:filter .3s ease
}

.navbar-icon-btn.active {
background-color:#bb86fc;
border-color:#3c3c3c
}

.navbar-icon-btn.active .navbar-icon-png {
filter:brightness(0) saturate(100%) invert(7%) sepia(9%) saturate(848%) hue-rotate(205deg) brightness(98%) contrast(92%)
}

.navbar-badge {
position:absolute;
background-color:#292929;
color:#bb86fc;
border:1px solid #bb86fc;
border-radius:50%;
padding:1px 4px;
font-size:10px;
font-weight:700;
min-width:14px;
height:14px;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 0 4px #bb86fc4d
}

.navbar-badge-cart {
top:-3px;
left:-3px
}

.navbar-badge-notification {
top:-3px;
right:-3px
}

.navbar-logo-link {
display:inline-block;
text-decoration:none;
transition:all .3s ease
}

.navbar-logo-link:hover {
transform:translateY(-2px)
}

.pagination-container {
display:flex;
justify-content:center;
margin-top:-4px;
margin-bottom:12px
}

.pagination-list {
display:flex;
list-style-type:none;
padding:0;
margin:0;
background-color:#292929;
border-radius:8px;
overflow:visible;
position:relative
}

.pagination-item,.pagination-active,.pagination-disabled {
margin:0
}

.pagination-link,.pagination-number,.pagination-prev,.pagination-next,.pagination-ellipsis {
display:flex;
align-items:center;
justify-content:center;
color:#e0e0e0;
text-decoration:none;
padding:10px 15px;
font-weight:700;
transition:all .3s ease;
min-width:20px;
height:20px
}

.pagination-link:hover,.pagination-prev:hover,.pagination-next:hover {
background-color:#242424;
color:#bb86fc
}

.pagination-active .pagination-number {
background-color:#bb86fc;
color:#121212!important
}

.pagination-disabled .pagination-prev,.pagination-disabled .pagination-next,.pagination-disabled .pagination-ellipsis {
color:#666;
cursor:not-allowed
}

.pagination-prev,.pagination-next {
font-size:14px
}

.pagination-prev::before {
content:"◀--";
margin-right:5px
}

.pagination-next::after {
content:"--▶";
margin-left:5px
}

.pagination-dropdown-container {
position:relative
}

.pagination-dropdown-trigger {
display:flex;
align-items:center;
justify-content:center;
color:#e0e0e0;
padding:10px 15px;
font-weight:700;
cursor:pointer;
transition:all .3s ease;
min-width:20px;
height:20px;
font-size:14px
}

.pagination-dropdown-trigger.pagination-dropdown-trigger-active {
background-color:#bb86fc;
color:#121212
}

.pagination-dropdown:hover .pagination-dropdown-trigger:not(.pagination-dropdown-trigger-active) {
background-color:#242424;
color:#bb86fc
}

.pagination-dropdown-arrow {
font-size:16px!important;
transition:transform .3s ease
}

.pagination-dropdown:hover .pagination-dropdown-arrow {
transform:rotate(180deg)
}

.pagination-dropdown-menu {
position:absolute;
top:100%;
left:50%;
transform:translateX(-50%);
background-color:#292929;
border-radius:8px;
box-shadow:0 4px 12px #0000004d;
z-index:1000;
min-width:120px;
max-height:200px;
overflow-y:auto;
opacity:0;
visibility:hidden;
transition:all .3s ease;
margin-top:4px;
pointer-events:none;
padding-top:8px
}

.pagination-dropdown-menu::before {
content:'';
position:absolute;
top:0;
left:0;
right:0;
height:5px;
background:transparent
}

.pagination-dropdown:hover .pagination-dropdown-menu {
opacity:1;
visibility:visible;
pointer-events:auto
}

.pagination-dropdown-item {
display:block;
padding:10px 15px;
color:#e0e0e0;
text-decoration:none;
transition:all .3s ease;
text-align:center;
font-weight:700
}

.pagination-dropdown-item:hover {
background-color:#242424;
color:#bb86fc
}

.pagination-dropdown-item.pagination-dropdown-active {
background-color:#bb86fc;
color:#121212
}

.content-wrapper {
display:flex;
flex:1
}

.main-content {
flex:1;
padding:40px 20px
}

.left-bar,.right-bar {
width:160px;
background-color:#1e1e1e;
padding:20px 0;
box-shadow:0 2px 10px #0000004d
}

.left-bar {
border-right:2px solid #bb86fc
}

.right-bar {
border-left:2px solid #bb86fc
}

.left-bar ul,.right-bar ul {
list-style-type:none;
padding:0;
margin:0
}

.left-bar li,.right-bar li {
margin-bottom:10px
}

.left-bar a,.right-bar a {
display:flex;
align-items:center;
text-decoration:none;
transition:all .3s ease;
padding:10px 20px;
color:#e0e0e0
}

.right-bar a {
justify-content:flex-end
}

.left-bar a:hover,.right-bar a:hover {
background-color:#292929;
color:#bb86fc
}

.left-bar a.active,.right-bar a.active {
background-color:#bb86fc;
color:#121212;
font-weight:700
}

.left-bar-right-bar-icon {
width:18px;
height:18px;
filter:brightness(0) saturate(100%) invert(88%) sepia(8%) saturate(15%) hue-rotate(160deg) brightness(95%) contrast(95%);
transition:filter .3s ease
}

.left-bar-icon {
margin-right:8px
}

.right-bar-icon {
margin-left:8px
}

.left-bar a.active .left-bar-right-bar-icon,.right-bar a.active .left-bar-right-bar-icon {
filter:brightness(0) saturate(100%) invert(7%) sepia(9%) saturate(848%) hue-rotate(205deg) brightness(98%) contrast(92%)
}

.auth-container {
max-width:400px;
margin:60px auto;
padding:30px 40px;
background-color:#1e1e1e;
border-radius:8px;
border:1px solid #3c3c3c;
box-shadow:0 4px 20px #0000004d
}

.register-page .auth-container {
margin:20px auto
}

.register-page .main-content {
padding-top:20px;
padding-bottom:20px
}

.auth-container h2,.mnemonic-container h2 {
text-align:center;
color:#bb86fc;
margin-bottom:30px;
font-size:24px
}

.auth-form {
display:flex;
flex-direction:column;
align-items:center
}

.auth-form .form-group {
margin-bottom:20px;
width:100%;
max-width:500px
}

.auth-form label {
display:block;
margin-bottom:8px;
color:#e0e0e0
}

.auth-form input {
width:100%;
padding:12px 15px;
background-color:#292929;
border:1px solid #3c3c3c;
border-radius:4px;
color:#e0e0e0;
box-sizing:border-box;
transition:all .3s ease
}

.auth-form input:focus {
outline:0;
border-color:#bb86fc
}

.btn-submit {
width:100%;
margin-top:0;
max-width:300px;
padding:12px;
background-color:#bb86fc;
color:#121212;
border:0;
border-radius:4px;
cursor:pointer;
font-size:16px;
text-transform:uppercase;
letter-spacing:1px;
font-weight:700;
transition:all .3s ease
}

.btn-submit:hover {
background-color:#96c;
transform:translateY(-2px)
}

.captcha-container {
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:15px;
width:100%
}

.captcha-image,.captcha-label {
flex:0 0 auto;
border:1px solid #3c3c3c;
border-radius:4px
}

.captcha-label {
padding:8px 10px;
background-color:#292929;
color:#e0e0e0;
font-weight:700;
font-size:13px;
text-transform:uppercase
}

.captcha-image {
margin:0 10px;
background-color:#d3d3d3;
max-height:80px
}

.auth-form input[name="captcha"] {
flex:0 0 auto;
width:80px;
text-align:center;
padding:8px;
font-size:14px
}

.auth-form .form-group.captcha-group {
display:flex;
flex-direction:column;
align-items:stretch;
margin-top:5px;
font-size:12px;
color:#ff3838
}

.footer {
background-color:#1e1e1e;
color:#e0e0e0;
text-align:center;
padding:20px 0;
border-top:2px solid #bb86fc
}

.footer-container {
max-width:1200px;
margin:0 auto
}

.footer-content {
display:flex;
justify-content:center;
align-items:center;
width:100%;
position:relative
}

.footer-button {
background-color:#292929;
color:#bb86fc;
border:1px solid #bb86fc;
padding:8px 16px;
border-radius:4px;
text-decoration:none;
font-weight:700;
transition:all .3s ease
}

.footer-button:hover {
background-color:#bb86fc;
color:#121212;
transform:translateY(-2px)
}

.footer-xmr-price {
background-color:#1e1e1e;
border-radius:8px;
border:2px solid #bb86fc;
box-shadow:0 2px 4px #0000001a;
padding:10px 15px;
font-weight:700;
transition:all .3s ease;
color:#bb86fc;
text-align:center;
margin: 0px auto;
width: 80px;
}

.footer-xmr-price:hover {
box-shadow:0 4px 8px #0003
}

.footer-xmr-price-label {
font-size:14px;
color:#e0e0e0;
margin-right:5px
}

.footer-xmr-price-value {
font-size:16px
}

.footer-xmr-price-value.unavailable {
color:#ff3838
}

.footer-javascript-warning-left {
display:none;
align-items:center;
background-color:#1e1e1e;
border:2px solid #3c3c3c;
border-left:4px solid #ff3838;
border-right:4px solid #ff3838;
border-radius:8px;
padding:8px 16px;
margin-left:auto;
margin-right:300px;
transition:all .3s ease
}

.footer-javascript-warning-right {
display:none;
align-items:center;
background-color:#1e1e1e;
border:2px solid #3c3c3c;
border-left:4px solid #ffc107;
border-right:4px solid #ffc107;
border-radius:8px;
padding:8px 16px;
margin-left:auto;
margin-right:120px;
gap:10px;
transition:all .3s ease
}

.footer-javascript-warning-left:hover,.footer-javascript-warning-right:hover {
transform:translateY(-2px)
}

.footer-javascript-warning-icon {
height:20px;
width:auto
}

.footer-javascript-warning-text-left {
color:#ff3838;
font-weight:600;
font-size:14px;
letter-spacing:.5px
}

.footer-javascript-warning-text-right {
color:#ffc107;
font-weight:600;
font-size:14px;
letter-spacing:.5px
}

.footer-javascript-warning-gif {
height:20px;
width:auto
}

table {
width:100%;
margin-bottom:20px;
border-collapse:collapse
}

td,th {
padding:12px 15px;
text-align:left;
border-bottom:1px solid #3c3c3c
}

th {
background-color:#292929;
color:#bb86fc
}

.alert {
padding:16px 24px;
border-radius:24px;
text-align:center;
display:inline-block;
margin:0 auto 30px;
font-weight:500;
font-size:16px;
box-shadow:0 2px 4px #0000001a;
display:block;
width:fit-content
}

.alert-success {
background-color:#2e7d32;
color:#fff
}

.alert-error {
background-color:#d32f2f;
color:#fff
}

.alert-status {
background-color:#1976d2;
color:#fff
}

.alert-info {
background-color:#0288d1;
color:#fff
}

.mnemonic-container {
max-width:720px;
margin:60px auto;
padding:30px 40px;
background-color:#1e1e1e;
border-radius:8px;
border:1px solid #3c3c3c;
box-shadow:0 4px 20px #0000004d
}

.mnemonic-display {
background-color:#292929;
border-radius:4px;
padding:20px;
margin-bottom:20px
}

.mnemonic-words {
font-size:18px;
line-height:1.6;
word-spacing:8px;
text-align:center;
color:#bb86fc;
margin:0
}

.mnemonic-warning {
padding:16px 24px;
border-radius:24px;
text-align:center;
display:inline-block;
margin:0 auto 30px;
font-weight:500;
font-size:16px;
box-shadow:0 2px 4px #0000001a;
display:block;
width:fit-content;
background-color:#d32f2f;
color:#fff
}

.auth-links {
text-align:center;
margin-top:20px
}

.auth-link {
display:inline-block;
padding:10px;
color:#bb86fc;
text-decoration:none;
transition:color .3s ease
}

.auth-link:hover {
color:#96c
}

.rules-container {
max-width:1000px;
margin:0 auto;
padding:0 20px 40px
}

.rules-section h2,.rules-section h3 {
color:#bb86fc;
margin-bottom:20px;
text-align:center
}

.rules-title {
background-color:#292929;
border:2px solid #bb86fc;
color:#bb86fc;
padding:16px 32px;
border-radius:36px;
font-size:28px;
font-weight:700;
text-transform:uppercase;
letter-spacing:1px;
transition:all .3s ease;
display:inline-block;
margin:30px 0 20px;
margin-top:0
}

.rules-title:hover {
transform:translateY(-2px)
}

.rules-section {
background-color:#1e1e1e;
border:1px solid #3c3c3c;
border-radius:8px;
padding:16px;
margin-bottom:30px;
box-shadow:0 4px 20px #0000004d
}

.rules-section h2,.rules-section h3 {
font-size:24px
}

.rules-section p {
color:silver;
line-height:1.6;
margin-bottom:15px
}

.rules-section ol {
padding-left:20px
}

.rules-section li {
color:silver;
margin-bottom:10px
}

.rules-note {
background-color:#292929;
border-left:4px solid #bb86fc;
border-right:4px solid #bb86fc;
border-radius:8px;
padding:15px;
margin-top:30px;
color:#e0e0e0
}

.rules-note strong {
color:#bb86fc
}

.rules-item {
margin-bottom:30px
}

.rules-item:last-child {
margin-bottom:0
}

.text-center {
text-align:center
}

.text-danger {
color:#ff3838
}

.pgp-confirm-container {
max-width:800px;
margin:30px auto;
padding:10px 20px;
background-color:#1e1e1e;
border-radius:8px;
border:1px solid #3c3c3c;
box-shadow:0 4px 20px #0000004d;
margin-top:0
}

.pgp-confirm-title {
text-align:center;
color:#bb86fc;
margin-bottom:15px;
font-size:28px
}

.pgp-confirm-alert {
padding:15px;
border-radius:4px;
margin-bottom:20px
}

.pgp-confirm-card {
background-color:#292929;
border-radius:8px;
padding:20px;
margin-bottom:20px;
box-shadow:0 4px 6px #0000001a
}

.pgp-confirm-card-body {
color:#e0e0e0
}

.pgp-confirm-card-title {
color:#bb86fc;
font-size:24px;
margin-bottom:20px
}

.pgp-confirm-encrypted-message {
background-color:#1e1e1e;
border:1px solid #3c3c3c;
border-radius:4px;
padding:15px;
margin-bottom:20px;
white-space:pre-wrap;
word-break:break-all
}

.pgp-confirm-instruction {
margin-bottom:20px
}

.pgp-confirm-form-group {
margin-bottom:20px
}

.pgp-confirm-label {
display:block;
margin-bottom:8px;
color:#e0e0e0;
font-weight:700
}

.pgp-confirm-textarea {
width:24%;
height:70%;
padding:12px 15px;
background-color:#1e1e1e;
border:1px solid #3c3c3c;
border-radius:4px;
color:#e0e0e0;
box-sizing:border-box;
resize:vertical;
margin:0 auto;
display:block;
transition:all .3s ease
}

.pgp-confirm-textarea:focus {
outline:none;
border-color:#bb86fc
}

.pgp-confirm-is-invalid {
border-color:#ff3838
}

.pgp-confirm-submit-wrapper {
display:flex;
justify-content:center
}

.pgp-confirm-submit-btn {
width:50%;
padding:12px;
background-color:#bb86fc;
color:#121212;
border:none;
border-radius:4px;
cursor:pointer;
font-size:16px;
text-transform:uppercase;
letter-spacing:1px;
transition:all .3s ease;
font-weight:700
}

.pgp-confirm-submit-btn:hover {
background-color:#96c;
transform:translateY(-2px)
}

.text-warning {
color:#ffc107
}

.alert-danger {
background-color:#b71c1c;
color:#ffebee
}

.become-vendor-index-container {
max-width:800px;
margin:40px auto;
padding:0 20px
}

.become-vendor-index-card {
background-color:#1e1e1e;
border-radius:8px;
padding:30px;
box-shadow:0 4px 20px #0000004d;
border:1px solid #3c3c3c;
margin-top:-40px
}

.become-vendor-index-title {
color:#bb86fc;
font-size:32px;
margin-bottom:20px;
text-align:center
}

.become-vendor-index-text {
color:#e0e0e0;
line-height:1.6;
margin-bottom:20px
}

.become-vendor-index-link {
color:#bb86fc;
text-decoration:none;
transition:color .3s ease
}

.become-vendor-index-link:hover {
color:#96c
}

.become-vendor-index-btn {
display:block;
width:100%;
max-width:300px;
margin:30px auto 0;
padding:12px 20px;
background-color:#bb86fc;
color:#121212;
border:none;
border-radius:4px;
font-size:16px;
font-weight:700;
text-align:center;
text-decoration:none;
text-transform:uppercase;
letter-spacing:1px;
transition:all .3s ease;
cursor:pointer
}

.become-vendor-index-btn:not(.disabled):hover {
background-color:#96c;
transform:translateY(-2px)
}

.become-vendor-index-btn.disabled {
background-color:#2e2e2e;
color:#858585;
cursor:not-allowed;
pointer-events:none;
transform:none;
opacity:.7
}

.become-vendor-index-highlight {
color:#e0e0e0;
background-color:#292929;
padding:20px;
border-radius:8px;
margin:20px 0;
border-left:4px solid #3498db;
border-right:4px solid #3498db;
display:flex;
align-items:flex-start;
gap:15px
}

.become-vendor-index-highlight-info {
color:#e0e0e0;
text-align:center;
line-height:1.6;
background-color:#292929;
padding:15px 20px;
border-radius:8px;
margin:20px 0;
border-left:4px solid #ffc107;
border-right:4px solid #ffc107
}

.become-vendor-index-info-icon {
width:24px;
height:24px;
flex-shrink:0;
margin-top:3px
}

.become-vendor-index-highlight-content {
flex-grow:1
}

.become-vendor-index-highlight-heading {
color:#3498db;
margin:0 0 10px;
font-size:18px;
font-weight:600
}

.become-vendor-index-highlight-text {
margin:0;
line-height:1.6
}

.become-vendor-index-divider {
border:none;
border-top:1px solid #3c3c3c;
margin:15px 0
}

.become-vendor-index-mb-0 {
margin-bottom:0
}

.become-vendor-index-action-container {
text-align:center;
margin:30px 0
}

.become-vendor-index-action-text {
color:#e0e0e0;
font-size:18px;
margin-bottom:20px
}

.become-vendor-index-status-container {
text-align:center;
padding:10px;
background-color:#292929;
border-radius:8px
}

.become-vendor-index-status-title {
color:#e0e0e0;
font-size:24px;
margin-bottom:20px;
font-weight:600
}

.become-vendor-index-status {
display:inline-block;
padding:8px 16px;
border-radius:4px;
font-weight:600
}

.become-vendor-index-status-waiting {
background-color:#ffd700;
color:#121212
}

.become-vendor-index-status-accepted {
background-color:#4caf50;
color:#fff
}

.become-vendor-index-status-denied {
background-color:#f44336;
color:#fff
}

.become-vendor-index-status-message {
color:#e0e0e0;
font-size:16px;
line-height:1.6
}

.become-vendor-payment-container {
max-width:1200px;
margin:40px auto;
padding:0 20px
}

.become-vendor-payment-card {
background-color:#1e1e1e;
border-radius:8px;
padding:30px;
box-shadow:0 4px 20px #0000004d;
border:1px solid #3c3c3c
}

.become-vendor-payment-alert {
padding:15px;
border-radius:4px;
margin-bottom:20px
}

.become-vendor-payment-alert-danger {
background-color:#b71c1c;
color:#ffebee
}

.become-vendor-payment-alert-info {
background-color:#1e88e5;
color:#e3f2fd
}

.become-vendor-payment-info {
margin-bottom:30px
}

.become-vendor-payment-details {
background-color:#292929;
border-radius:4px;
padding:20px;
margin-bottom:-20px
}

.become-vendor-payment-details p {
margin-bottom:10px;
color:#e0e0e0
}

.become-vendor-payment-address,.become-vendor-payment-amount,.become-vendor-payment-received {
color:#bb86fc;
font-weight:700
}

.become-vendor-payment-status {
font-weight:700
}

.become-vendor-payment-status-success {
color:#4caf50
}

.become-vendor-payment-status-warning {
color:#ffc107
}

.become-vendor-payment-status-info {
color:#2196f3
}

.become-vendor-payment-qr {
text-align:center;
margin-bottom:30px
}

.become-vendor-payment-qr-image {
max-width:200px;
height:auto;
border:4px solid #bb86fc;
border-radius:4px
}

.become-vendor-payment-refresh {
text-align:center
}

.become-vendor-payment-btn {
display:inline-block;
padding:12px 20px;
background-color:#bb86fc;
color:#121212;
border:none;
border-radius:4px;
font-size:16px;
font-weight:700;
text-align:center;
text-decoration:none;
text-transform:uppercase;
letter-spacing:1px;
transition:all .3s ease
}

.become-vendor-payment-btn:hover {
background-color:#96c;
transform:translateY(-2px)
}

.become-vendor-payment-error {
color:#ff3838;
text-align:center;
font-size:18px
}

.a-v-panel-container {
max-width:1200px;
margin:40px auto;
padding:0 20px
}

.a-v-panel-card {
background-color:#1e1e1e;
border-radius:8px;
padding:30px;
box-shadow:0 4px 20px #0000004d;
border:1px solid #3c3c3c;
margin-top:-30px
}

.a-v-panel-title {
color:#bb86fc;
font-size:32px;
margin-bottom:20px;
text-align:center
}

.a-v-panel-welcome {
color:#e0e0e0;
text-align:center;
margin-bottom:30px
}

.a-v-panel-grid {
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:20px
}

.a-v-panel-item {
background-color:#292929;
border:1px solid #3c3c3c;
border-radius:8px;
padding:20px;
text-align:center;
transition:all .3s ease
}

.a-v-panel-item:hover {
transform:translateY(-5px);
border-color:#bb86fc
}

.a-v-panel-item-title {
color:#e0e0e0;
font-size:18px;
font-weight:700;
margin-bottom:10px
}

.a-v-panel-item-description {
color:#a0a0a0;
font-size:14px;
margin-bottom:15px
}

.a-v-panel-item-link {
display:inline-block;
padding:8px 16px;
background-color:#bb86fc;
color:#121212;
text-decoration:none;
border-radius:4px;
font-weight:700;
transition:all .3s ease
}

.a-v-panel-item-link:hover {
background-color:#96c;
transform:translateY(-2px)
}

.canary-index-container {
max-width:800px;
margin:auto;
padding:0 20px
}

.canary-index-card {
background-color:#1e1e1e;
border-radius:8px;
padding:30px;
box-shadow:0 4px 20px #0000004d;
border:1px solid #3c3c3c
}

.canary-index-title {
color:#bb86fc;
font-size:28px;
margin-bottom:20px;
text-align:center
}

.canary-index-alert {
padding:15px;
border-radius:4px;
margin-bottom:20px
}

.canary-index-form {
margin-top:20px
}

.canary-index-form-group {
margin-bottom:20px
}

.canary-index-label {
display:block;
margin-bottom:8px;
color:#e0e0e0;
font-weight:700
}

.canary-index-textarea {
width:100%;
padding:12px 15px;
background-color:#292929;
border:1px solid #3c3c3c;
border-radius:4px;
color:#e0e0e0;
box-sizing:border-box;
resize:vertical;
min-height:350px;
transition:all .3s ease
}

.canary-index-textarea:focus {
outline:0;
border-color:#bb86fc
}

.canary-index-btn {
display:inline-block;
padding:12px 20px;
background-color:#bb86fc;
color:#121212;
border:none;
border-radius:4px;
font-size:16px;
font-weight:700;
text-align:center;
text-decoration:none;
text-transform:uppercase;
letter-spacing:1px;
transition:all .3s ease;
cursor:pointer
}

.canary-index-btn:hover {
background-color:#96c;
transform:translateY(-2px)
}

.logs-index-container {
max-width:1200px;
margin:40px auto;
padding:0 20px
}

.logs-index-badge {
display:inline-block;
background-color:#292929;
border:2px solid #bb86fc;
color:#bb86fc;
padding:16px 32px;
border-radius:36px;
font-size:28px;
font-weight:700;
text-transform:uppercase;
letter-spacing:1px;
transition:all .3s ease;
margin-bottom:30px;
margin-top:-20px
}

.logs-index-badge:hover {
transform:translateY(-2px)
}

.logs-index-grid {
display:grid;
grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
gap:30px
}

.logs-index-card {
background-color:#1e1e1e;
border-radius:8px;
padding:30px;
box-shadow:0 4px 20px #0000004d;
border:1px solid #3c3c3c
}

.logs-index-card-error {
border-top:4px solid #ff3838
}

.logs-index-card-warning {
border-top:4px solid #ffc107
}

.logs-index-card-info {
border-top:4px solid #03a9f4
}

.logs-index-card-title {
color:#e0e0e0;
font-size:24px;
margin-bottom:15px
}

.logs-index-card-description {
color:#a0a0a0;
font-size:16px;
margin-bottom:20px
}

.logs-index-card-actions {
display:flex;
justify-content:space-between;
align-items:center
}

.logs-index-btn {
display:inline-block;
padding:10px 20px;
border-radius:4px;
font-weight:700;
text-decoration:none;
transition:all .3s ease
}

.logs-index-btn-view {
background-color:#bb86fc;
color:#121212
}

.logs-index-btn-view:hover {
background-color:#96c;
transform:translateY(-2px)
}

.logs-index-delete-form {
display:inline
}

.logs-index-btn-delete {
background-color:transparent;
color:#ff3838;
border:1px solid #ff3838;
cursor:pointer
}

.logs-index-btn-delete:hover {
background-color:#ff3838;
color:#121212
}

.logs-show-container {
max-width:1100px;
margin:20px auto;
padding:30px;
background-color:#1e1e1e;
border-radius:12px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #3c3c3c
}

.logs-show-header {
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:25px;
padding-bottom:15px;
border-bottom:2px solid #bb86fc
}

.logs-show-back-link {
display:inline-block;
background-color:#292929;
color:#bb86fc;
padding:10px 20px;
border-radius:8px;
text-decoration:none;
font-weight:700;
transition:all .3s ease
}

.logs-show-back-link:hover {
background-color:#bb86fc;
color:#121212;
transform:translateY(-2px)
}

.logs-show-search-form {
width:100%;
display:flex;
flex-direction:column;
align-items:center
}

.logs-show-search-container {
display:flex;
flex-direction:column;
align-items:center;
gap:15px;
margin-bottom:20px;
width:100%;
max-width:600px
}

.logs-show-search-input {
padding:12px 15px;
background-color:#292929;
border:1px solid #3c3c3c;
border-radius:8px;
color:#e0e0e0;
transition:all .3s ease;
width:100%;
max-width:500px
}

.logs-show-search-input:focus {
outline:none;
border-color:#bb86fc
}

.logs-show-button-container {
display:flex;
gap:10px;
align-items:center
}

.logs-show-search-button {
padding:12px 20px;
background-color:#bb86fc;
color:#121212;
border:none;
border-radius:8px;
font-weight:700;
cursor:pointer;
transition:all .3s ease
}

.logs-show-search-button:hover {
background-color:#9d4edd;
transform:translateY(-2px)
}

.logs-show-clear-link {
padding:12px 20px;
background-color:#292929;
color:#e0e0e0;
border:1px solid #3c3c3c;
border-radius:8px;
text-decoration:none;
font-weight:700;
transition:all .3s ease
}

.logs-show-clear-link:hover {
background-color:#3c3c3c;
color:#bb86fc
}

.logs-show-delete-form {
width:100%
}

.logs-show-delete-button {
margin:0 auto 20px;
display:block;
padding:12px 20px;
background-color:#cf6679;
color:#121212;
border:none;
border-radius:8px;
font-weight:700;
cursor:pointer;
transition:all .3s ease
}

.logs-show-delete-button:hover {
background-color:#b4464f;
transform:translateY(-2px)
}

.logs-show-list {
display:flex;
flex-direction:column;
gap:15px
}

.logs-show-item {
background-color:#292929;
border-radius:8px;
border:1px solid #3c3c3c;
overflow:hidden;
transition:all .3s ease
}

.logs-show-item:hover {
border-color:#bb86fc;
transform:translateY(-2px)
}

.logs-show-item-header {
display:flex;
padding:15px;
border-bottom:1px solid #3c3c3c;
background-color:#1e1e1e
}

.logs-show-checkbox-container {
margin-right:15px;
display:flex;
align-items:center
}

.logs-show-checkbox {
appearance:none;
width:24px;
height:24px;
background-color:#1e1e1e;
border:2px solid #3c3c3c;
border-radius:4px;
position:relative;
cursor:pointer;
transition:all .2s ease
}

.logs-show-checkbox:checked {
background-color:#bb86fc;
border-color:#bb86fc
}

.logs-show-checkbox:checked::after {
content:"✓";
color:#121212;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
font-size:16px;
font-weight:700
}

.logs-show-meta {
display:flex;
flex-wrap:wrap;
gap:15px;
align-items:center
}

.logs-show-datetime {
color:#a0a0a0;
font-size:14px
}

.logs-show-type {
display:inline-block;
padding:5px 10px;
border-radius:20px;
font-size:12px;
font-weight:700;
text-transform:uppercase;
color:#121212
}

.logs-show-type-error {
background-color:#ff3838
}

.logs-show-type-warning {
background-color:#ffc107
}

.logs-show-type-info {
background-color:#03a9f4
}

.logs-show-message-container {
padding:15px;
background-color:#292929;
overflow-x:auto
}

.logs-show-message {
margin:0;
white-space:pre-wrap;
word-break:break-word;
font-family:monospace;
color:#e0e0e0;
font-size:14px;
line-height:1.5
}

.logs-show-empty {
padding:30px;
text-align:center;
color:#a0a0a0;
background-color:#292929;
border-radius:8px;
font-size:16px
}

.user-list-container {
max-width:1200px;
margin:40px auto;
padding:0 20px
}

.user-list-card {
background-color:#1e1e1e;
border-radius:12px;
padding:30px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #3c3c3c;
margin-top:-40px
}

.user-list-title {
color:#bb86fc;
font-size:28px;
margin-bottom:20px;
text-align:center;
font-weight:700;
border-bottom:2px solid #bb86fc;
padding-bottom:15px
}

.user-list-table-container {
overflow-x:auto;
margin-bottom:-30px
}

.user-list-table {
width:100%;
border-collapse:separate;
border-spacing:0 10px
}

.user-list-table th,.user-list-table td {
padding:15px;
text-align:center
}

.user-list-table th {
background-color:#292929;
color:#bb86fc;
font-weight:700;
text-transform:uppercase
}

.user-list-table tr {
background-color:#292929
}

.user-list-btn {
display:inline-block;
padding:8px 16px;
border-radius:4px;
font-weight:700;
text-decoration:none;
transition:all .3s ease;
background-color:#bb86fc;
color:#121212
}

.user-list-btn:hover {
background-color:#96c;
transform:translateY(-2px)
}

.user-list-pagination {
margin-top:20px;
display:flex;
justify-content:center
}

.dashboard-container {
max-width:1200px;
margin:0 auto;
padding:20px
}

.dashboard-grid {
display:grid;
grid-template-columns:1fr 2fr;
gap:30px
}

.dashboard-card {
background-color:#1e1e1e;
border-radius:12px;
padding:25px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #3c3c3c
}

.dashboard-card-title {
color:#bb86fc;
font-size:20px;
margin-bottom:20px;
font-weight:700;
text-align:center;
border-bottom:2px solid #bb86fc;
padding-bottom:10px
}

.dashboard-profile-card {
position:sticky;
top:20px;
height:fit-content;
max-height:90vh;
overflow-y:auto
}

.dashboard-profile-header {
display:flex;
flex-direction:column;
align-items:center;
text-align:center
}

.dashboard-profile-image-container {
position:relative;
width:150px;
height:150px;
margin-bottom:20px;
border-radius:50%;
border:3px solid #bb86fc;
overflow:hidden
}

.dashboard-profile-image {
width:100%;
height:100%;
object-fit:cover
}

.dashboard-profile-name {
color:#e0e0e0;
font-size:24px;
font-weight:700;
margin-bottom:5px
}

.dashboard-profile-role {
color:#bb86fc;
font-size:16px;
margin-bottom:10px;
font-weight:600
}

.dashboard-profile-last-login {
color:#a0a0a0;
font-size:14px
}

.dashboard-pgp-status {
display:flex;
align-items:center;
justify-content:center;
gap:10px;
margin:20px 0
}

.dashboard-pgp-badge {
padding:8px 16px;
border-radius:20px;
font-weight:700;
font-size:14px
}

.dashboard-pgp-verified {
background-color:#4caf50;
color:#121212
}

.dashboard-pgp-unverified {
background-color:#ffc107;
color:#121212
}

.dashboard-pgp-none {
background-color:#ff3838;
color:#121212
}

.dashboard-description {
background-color:#292929;
border-radius:8px;
padding:20px;
margin-top:20px;
color:#e0e0e0;
line-height:1.6;
text-align:center;
word-break: break-all;
}

.dashboard-pgp-key-container {
margin-top:20px
}

.dashboard-pgp-key {
background-color:#292929;
border-radius:8px;
padding:20px;
max-height:300px;
overflow-y:auto
}

.dashboard-pgp-key pre {
margin:0;
white-space:pre-wrap;
word-break:break-all;
color:#e0e0e0;
font-family:monospace;
font-size:14px;
line-height:1.5
}

.dashboard-pgp-empty {
text-align:center;
color:#a0a0a0;
font-style:italic;
padding:20px
}

.banned-container {
max-width:600px;
margin:60px auto;
padding:0 20px
}

.banned-card {
background-color:#1e1e1e;
border-radius:8px;
box-shadow:0 4px 20px #0000004d;
border:1px solid #3c3c3c;
overflow:hidden
}

.banned-header {
background-color:#b71c1c;
color:#fff;
padding:20px;
text-align:center
}

.banned-title {
font-size:24px;
margin:0
}

.banned-body {
padding:30px;
color:#e0e0e0
}

.banned-message {
font-size:18px;
text-align:center;
margin-bottom:20px
}

.banned-details {
background-color:#292929;
border-radius:8px;
padding:20px;
margin-bottom:20px
}

.banned-details p {
margin:10px 0
}

.banned-details strong {
color:#bb86fc
}

.banned-contact {
text-align:center;
font-style:italic;
color:#a0a0a0
}

.user-details-container {
max-width:1100px;
margin:30px auto;
padding:0 20px
}

.user-details-card {
background-color:#1e1e1e;
border-radius:12px;
padding:30px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #3c3c3c
}

.user-details-header {
border-bottom:2px solid #bb86fc;
padding-bottom:20px;
margin-bottom:30px;
text-align:center
}

.user-details-username {
color:#bb86fc;
font-size:28px;
margin:0 0 10px
}

.user-details-id {
color:#a0a0a0;
font-size:16px;
margin:0
}

.user-details-body {
color:#e0e0e0
}

.user-details-grid {
display:flex;
justify-content:space-between;
margin-bottom:30px
}

.user-details-column {
width:48%
}

.user-details-info p {
margin:10px 0;
font-size:16px;
text-align:center
}

.user-details-subtitle {
color:#bb86fc;
font-size:22px;
margin:20px 0 15px;
text-align:center
}

.user-details-form {
margin-top:20px
}

.user-details-roles {
display:flex;
justify-content:center;
gap:30px;
margin-bottom:20px
}

.user-details-role {
display:flex;
align-items:center;
gap:10px
}

.user-details-role input[type="checkbox"] {
appearance:none;
width:24px;
height:24px;
background-color:#1e1e1e;
border:2px solid #3c3c3c;
border-radius:4px;
position:relative;
cursor:pointer;
transition:all .2s ease
}

.user-details-role input[type="checkbox"]:checked {
background-color:#bb86fc;
border-color:#bb86fc
}

.user-details-role input[type="checkbox"]:checked::after {
content:"✓";
color:#121212;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
font-size:16px;
font-weight:700
}

.user-details-input-group {
margin-bottom:15px
}

.user-details-input-group label {
display:block;
margin-bottom:5px;
color:#e0e0e0;
font-size:16px;
text-align:center
}

.user-details-input-group input {
width:100%;
padding:10px;
background-color:#292929;
border:1px solid #3c3c3c;
border-radius:6px;
color:#e0e0e0;
font-size:16px;
text-align:center;
transition:all .3s ease
}

.user-details-input-group input:focus {
outline:none;
border-color:#bb86fc
}

.user-details-btn {
display:inline-block;
padding:10px 20px;
border-radius:6px;
font-weight:700;
text-decoration:none;
transition:all .3s ease;
border:none;
cursor:pointer;
margin:10px 5px;
font-size:16px
}

.user-details-btn-primary {
background-color:#bb86fc;
color:#121212
}

.user-details-btn-primary:hover {
background-color:#96c;
transform:translateY(-2px)
}

.user-details-btn-success {
background-color:#4caf50;
color:#fff
}

.user-details-btn-danger {
background-color:#cf6679;
color:#121212
}

.user-details-btn-danger:hover {
background-color:#b4464f;
transform:translateY(-2px)
}

.user-details-btn-info {
background-color:#03dac6;
color:#121212
}

.user-details-btn-info:hover {
background-color:#018786;
transform:translateY(-2px)
}

.user-details-btn-secondary {
background-color:#292929;
color:#bb86fc;
border:1px solid #3c3c3c;
transition:all .3s ease
}

.user-details-btn-secondary:hover {
background-color:#bb86fc;
color:#121212;
transform:translateY(-2px)
}

.user-details-form .user-details-btn-primary {
display:block;
margin-left:auto;
margin-right:auto
}

.user-details-form .user-details-btn-danger {
display:block;
margin-left:auto;
margin-right:auto
}

.user-details-ban-info {
background-color:#292929;
border-radius:8px;
padding:20px;
margin-top:20px;
text-align:center
}

.user-details-actions {
display:flex;
justify-content:center;
margin-top:30px
}

.return-addresses-container {
max-width:1200px;
margin:20px auto;
padding:0 20px
}

.return-addresses-disclaimer {
background-color:#292929;
border-left:4px solid #bb86fc;
border-right:4px solid #bb86fc;
padding:12px 20px;
margin-bottom:20px;
color:#e0e0e0;
font-size:.9em;
line-height:1.4;
border-radius:8px;
margin-top:-20px;
text-align:center
}

.return-addresses-card {
background-color:#1e1e1e;
border-radius:8px;
padding:20px;
box-shadow:0 4px 20px #0000004d;
border:1px solid #3c3c3c;
margin-bottom:20px
}

.return-addresses-form-group {
margin-bottom:15px
}

.return-addresses-input {
width:100%;
padding:12px 15px;
background-color:#292929;
border:1px solid #3c3c3c;
border-radius:4px;
color:#e0e0e0;
box-sizing:border-box;
transition:all .3s ease;
placeholder-color:#a0a0a0;
text-align:center
}

.return-addresses-input:focus {
outline:none;
border-color:#bb86fc
}

.return-addresses-submit-container {
display:flex;
justify-content:center
}

.return-addresses-submit-btn {
background-color:#bb86fc;
color:#121212;
border:none;
padding:10px 20px;
border-radius:4px;
font-weight:700;
cursor:pointer;
transition:all .3s ease;
text-transform:uppercase;
letter-spacing:1px
}

.return-addresses-submit-btn:hover {
background-color:#96c;
transform:translateY(-2px)
}

.return-addresses-table-container {
overflow-x:auto
}

.return-addresses-table {
width:100%;
border-collapse:separate;
border-spacing:0 8px
}

.return-addresses-table th {
background-color:#292929;
color:#bb86fc;
font-weight:700;
padding:12px;
text-align:center;
text-transform:uppercase;
font-size:.9em
}

.return-addresses-table tr {
background-color:#292929
}

.return-addresses-table td {
padding:12px;
color:#e0e0e0;
text-align:center
}

.return-addresses-delete-btn {
background-color:#cf6679;
color:#121212;
border:none;
padding:6px 12px;
border-radius:4px;
font-weight:700;
cursor:pointer;
transition:all .3s ease;
font-size:.9em
}

.return-addresses-delete-btn:hover {
background-color:#b4464f;
transform:translateY(-2px)
}

.return-addresses-empty {
text-align:center;
color:#a0a0a0;
font-size:16px;
padding:20px;
background-color:#292929;
border-radius:8px;
margin-top:20px;
border:2px solid #bb86fc
}

.admin-support-index-container {
max-width:1200px;
margin:40px auto;
padding:0 20px
}

.admin-support-index-card {
background-color:#1e1e1e;
border-radius:12px;
padding:30px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #3c3c3c;
margin-top:-40px
}

.admin-support-index-title {
color:#bb86fc;
font-size:28px;
margin-bottom:25px;
text-align:center;
font-weight:700;
border-bottom:2px solid #bb86fc;
padding-bottom:15px
}

.admin-support-index-empty {
text-align:center;
padding:40px;
color:#a0a0a0;
font-size:18px;
background-color:#292929;
border-radius:8px
}

.admin-support-index-table-container {
overflow-x:auto;
margin-bottom:-30px
}

.admin-support-index-table {
width:100%;
border-collapse:separate;
border-spacing:0 10px
}

.admin-support-index-table th {
background-color:#292929;
color:#bb86fc;
font-weight:700;
padding:15px;
text-align:center;
text-transform:uppercase;
font-size:.9em
}

.admin-support-index-table tr {
background-color:#292929
}

.admin-support-index-table td {
padding:15px;
color:#e0e0e0;
text-align:center
}

.admin-support-index-username {
color:#bb86fc;
font-weight:700
}

.admin-support-index-title-text {
color:#e0e0e0
}

.admin-support-index-status {
display:inline-block;
padding:6px 12px;
border-radius:20px;
font-weight:700;
font-size:.85em;
text-transform:uppercase
}

.admin-support-index-status-open {
background-color:#1b5e20;
color:#e8f5e9
}

.admin-support-index-status-in_progress {
background-color:#ffc107;
color:#121212
}

.admin-support-index-status-closed {
background-color:#b71c1c;
color:#fff
}

.admin-support-index-time {
color:#a0a0a0;
font-size:.9em
}

.admin-support-index-action-btn {
display:inline-block;
padding:8px 16px;
background-color:#bb86fc;
color:#121212;
border-radius:4px;
font-weight:700;
text-decoration:none;
transition:all .3s ease;
text-align:center
}

.admin-support-index-action-btn:hover {
background-color:#96c;
transform:translateY(-2px)
}

.admin-support-index-pagination-container {
margin-top:20px;
display:flex;
justify-content:center
}

.admin-support-show-container {
max-width:1000px;
margin:-10px auto 40px;
padding:0 20px
}

.admin-support-show-card {
background-color:#1e1e1e;
border-radius:12px;
padding:20px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #3c3c3c
}

.admin-support-show-header {
display:flex;
justify-content:space-between;
align-items:flex-start;
margin-bottom:20px;
padding-bottom:15px;
border-bottom:2px solid #bb86fc
}

.admin-support-show-title-group {
flex:1
}

.admin-support-show-username {
color:#bb86fc;
font-size:24px;
margin:0 0 8px;
font-weight:700
}

.admin-support-show-subject {
color:#e0e0e0;
font-size:18px;
margin-bottom:8px
}

.admin-support-show-meta {
display:flex;
align-items:center;
gap:20px;
color:#a0a0a0;
font-size:14px
}

.admin-support-show-back-btn {
background-color:#292929;
color:#bb86fc;
padding:8px 16px;
border-radius:6px;
text-decoration:none;
transition:all .3s ease;
font-weight:700
}

.admin-support-show-back-btn:hover {
background-color:#bb86fc;
color:#121212;
transform:translateY(-2px)
}

.admin-support-show-status-select {
background-color:#292929;
border:1px solid #3c3c3c;
border-radius:6px;
padding:8px 12px;
color:#e0e0e0;
font-weight:700;
cursor:pointer;
transition:all .3s ease;
text-align:center;
text-align-last:center
}

.admin-support-show-status-select option {
text-align:center
}

.admin-support-show-status-select.status-open {
background-color:#1b5e20;
color:#e8f5e9
}

.admin-support-show-status-select.status-progress {
background-color:#ffc107;
color:#121212
}

.admin-support-show-status-select.status-closed {
background-color:#b71c1c;
color:#fff
}

.admin-support-show-messages {
display:flex;
flex-direction:column;
gap:15px;
margin-bottom:20px
}

.admin-support-show-message {
background-color:#292929;
border-radius:8px;
padding:15px
}

.admin-support-show-message.admin-reply {
background-color:#292929;
border-left:4px solid #bb86fc
}

.admin-support-show-message-header {
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:8px
}

.admin-support-show-message-user {
color:#e0e0e0;
font-weight:700;
text-decoration:none!important;
display:inline-block;
transition:all .2s ease;
position:relative
}

.admin-support-show-message-user:hover {
color:#fff;
transform:translateY(-1px)
}

.admin-support-show-admin-badge {
background-color:#bb86fc;
color:#121212;
padding:2px 8px;
border-radius:12px;
font-size:12px;
margin-left:8px;
font-weight:700
}

.admin-support-show-message-time {
color:#a0a0a0;
font-size:14px
}

.admin-support-show-message-content {
color:#e0e0e0;
line-height:1.5
}

.admin-support-show-reply-section {
background-color:#292929;
border-radius:8px;
padding:15px;
margin-top:20px
}

.admin-support-show-form-group {
margin-bottom:15px
}

.admin-support-show-label {
display:block;
color:#bb86fc;
font-size:16px;
font-weight:700;
margin-bottom:8px
}

.admin-support-show-textarea {
width:96%;
min-height:100px;
padding:12px 15px;
background-color:#1e1e1e;
border:1px solid #3c3c3c;
border-radius:6px;
color:#e0e0e0;
resize:vertical;
transition:all .3s ease
}

.admin-support-show-textarea:focus {
outline:none;
border-color:#bb86fc
}

.admin-support-show-textarea.is-invalid {
border-color:#cf6679
}

.admin-support-show-error {
color:#cf6679;
font-size:14px;
margin-top:5px
}

.admin-support-show-submit {
display:flex;
justify-content:center
}

.admin-support-show-submit-btn {
background-color:#bb86fc;
color:#121212;
padding:10px 20px;
border:none;
border-radius:6px;
font-weight:700;
cursor:pointer;
transition:all .3s ease;
text-transform:uppercase;
letter-spacing:1px
}

.admin-support-show-submit-btn:hover {
background-color:#96c;
transform:translateY(-2px)
}

.admin-support-show-closed-message {
background-color:#292929;
border-left:4px solid #cf6679;
border-right:4px solid #cf6679;
color:#e0e0e0;
padding:12px 15px;
border-radius:6px;
margin-top:20px;
text-align:center
}

.admin-support-show-status-form {
display:flex;
gap:10px;
align-items:center
}

.admin-support-show-status-btn {
background-color:#292929;
color:#bb86fc;
padding:8px 12px;
border-radius:6px;
border:1px solid #3c3c3c;
font-size:14px;
font-weight:700;
cursor:pointer;
transition:all .3s ease;
margin:0
}

.admin-support-show-status-btn:hover {
background-color:#bb86fc;
color:#121212;
transform:translateY(-2px)
}

.support-index-container {
max-width:1200px;
margin:20px auto;
padding:0 20px
}

.support-index-header {
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:30px
}

.support-index-badge {
background-color:#292929;
border:2px solid #bb86fc;
color:#bb86fc;
padding:12px 24px;
border-radius:25px;
font-size:20px;
font-weight:700;
text-transform:uppercase;
letter-spacing:1px;
transition:all .3s ease
}

.support-index-badge:hover {
transform:translateY(-2px)
}

.support-index-new-btn {
background-color:#bb86fc;
color:#121212;
padding:12px 24px;
border-radius:8px;
text-decoration:none;
font-weight:700;
transition:all .3s ease;
text-transform:uppercase;
letter-spacing:1px
}

.support-index-new-btn:hover {
background-color:#96c;
transform:translateY(-2px)
}

.support-index-empty {
background-color:#1e1e1e;
border-radius:12px;
padding:30px;
text-align:center;
color:#a0a0a0;
font-size:18px;
border:1px solid #3c3c3c;
box-shadow:0 4px 20px #0000004d
}

.support-index-table-container {
background-color:#1e1e1e;
border-radius:12px;
padding:20px;
box-shadow:0 4px 20px #0000004d;
border:1px solid #3c3c3c;
overflow-x:auto
}

.support-index-table {
width:100%;
border-collapse:separate;
border-spacing:0 8px
}

.support-index-table th {
background-color:#292929;
color:#bb86fc;
font-weight:700;
padding:15px;
text-align:center;
text-transform:uppercase;
font-size:.9em
}

.support-index-table tr {
background-color:#292929
}

.support-index-table td {
padding:15px;
color:#e0e0e0;
text-align:center
}

.support-index-title-text {
color:#e0e0e0;
font-weight:600
}

.support-index-status {
display:inline-block;
padding:6px 12px;
border-radius:20px;
font-weight:700;
font-size:.85em;
text-transform:uppercase
}

.support-index-status-open {
background-color:#1b5e20;
color:#e8f5e9
}

.support-index-status-in_progress {
background-color:#ffc107;
color:#121212
}

.support-index-status-closed {
background-color:#b71c1c;
color:#fff
}

.support-index-time {
color:#a0a0a0;
font-size:.9em
}

.support-index-action-btn {
display:inline-block;
padding:8px 16px;
background-color:#bb86fc;
color:#121212;
border-radius:4px;
font-weight:700;
text-decoration:none;
transition:all .3s ease;
text-align:center
}

.support-index-action-btn:hover {
background-color:#96c;
transform:translateY(-2px)
}

.support-index-pagination {
margin-top:20px;
display:flex;
justify-content:center
}

.support-create-container {
max-width:800px;
margin:10px auto 30px;
padding:0 20px
}

.support-create-card {
background-color:#1e1e1e;
border-radius:12px;
padding:25px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #3c3c3c
}

.support-create-title {
color:#bb86fc;
font-size:28px;
margin-bottom:20px;
text-align:center;
font-weight:700
}

.support-create-form-group {
margin-bottom:20px
}

.support-create-label {
display:block;
color:#e0e0e0;
font-size:16px;
font-weight:700;
margin-bottom:8px;
text-align:center
}

.support-create-input,.support-create-textarea {
width:100%;
padding:12px 15px;
background-color:#292929;
border:1px solid #3c3c3c;
border-radius:8px;
color:#e0e0e0;
font-size:14px;
transition:all .3s ease;
box-sizing:border-box
}

.support-create-textarea {
min-height:150px;
max-height:150px;
resize:vertical
}

.support-create-input::placeholder,.support-create-textarea::placeholder {
font-size:14px
}

.support-create-input:focus,.support-create-textarea:focus {
outline:none;
border-color:#bb86fc;
box-shadow:0 0 0 2px #bb86fc1a
}

.support-create-error {
color:#cf6679;
font-size:14px;
margin-top:5px
}

.support-create-captcha-container {
display:flex;
align-items:center;
justify-content:center;
gap:15px
}

.support-create-captcha-label {
background-color:#292929;
color:#e0e0e0;
padding:8px 10px;
border:1px solid #3c3c3c;
border-radius:4px;
font-weight:700;
font-size:13px;
text-transform:uppercase
}

.support-create-captcha-image {
border:1px solid #3c3c3c;
border-radius:4px;
background-color:#d3d3d3;
max-height:80px
}

.support-create-captcha-input {
width:80px;
text-align:center;
padding:8px;
background-color:#292929;
border:1px solid #3c3c3c;
border-radius:4px;
color:#e0e0e0;
font-size:14px;
transition:all .3s ease
}

.support-create-captcha-input:focus {
outline:none;
border-color:#bb86fc;
box-shadow:0 0 0 2px #bb86fc1a
}

.support-create-actions {
display:flex;
justify-content:space-between;
align-items:center;
margin-top:25px
}

.support-create-cancel {
color:#bb86fc;
text-decoration:none;
font-weight:700;
transition:all .3s ease;
padding:10px 20px;
border-radius:8px;
background-color:#292929
}

.support-create-cancel:hover {
background-color:#bb86fc;
color:#121212;
transform:translateY(-2px)
}

.support-create-submit {
background-color:#bb86fc;
color:#121212;
border:none;
padding:12px 25px;
border-radius:8px;
font-weight:700;
cursor:pointer;
transition:all .3s ease;
text-transform:uppercase;
letter-spacing:1px
}

.support-create-submit:hover {
background-color:#96c;
transform:translateY(-2px)
}

.support-show-container {
max-width:1000px;
margin:20px auto 40px;
padding:0 20px
}

.support-show-card {
background-color:#1e1e1e;
border-radius:12px;
padding:25px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #3c3c3c
}

.support-show-header {
display:flex;
justify-content:space-between;
align-items:flex-start;
margin-bottom:20px;
padding-bottom:15px;
border-bottom:2px solid #bb86fc
}

.support-show-title-group {
flex:1
}

.support-show-title {
color:#bb86fc;
font-size:24px;
margin:0 0 10px;
font-weight:700
}

.support-show-meta {
display:flex;
align-items:center;
gap:15px;
color:#a0a0a0;
font-size:14px
}

.support-show-status {
display:inline-block;
padding:6px 12px;
border-radius:20px;
font-weight:700;
font-size:.85em;
text-transform:uppercase
}

.support-show-status-open {
background-color:#1b5e20;
color:#e8f5e9
}

.support-show-status-in_progress {
background-color:#ffc107;
color:#121212
}

.support-show-status-closed {
background-color:#b71c1c;
color:#fff
}

.support-show-back-btn {
background-color:#292929;
color:#bb86fc;
padding:8px 16px;
border-radius:6px;
text-decoration:none;
transition:all .3s ease;
font-weight:700
}

.support-show-back-btn:hover {
background-color:#bb86fc;
color:#121212;
transform:translateY(-2px)
}

.support-show-messages {
display:flex;
flex-direction:column;
gap:15px;
margin-bottom:20px
}

.support-show-message {
background-color:#292929;
border-radius:8px;
padding:15px
}

.support-show-message.admin-reply {
border-left:4px solid #bb86fc
}

.support-show-message-header {
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:8px
}

.support-show-message-user {
color:#e0e0e0;
font-weight:700;
text-decoration:none!important;
display:inline-block;
transition:all .2s ease;
position:relative
}

.support-show-message-user:hover {
color:#fff;
transform:translateY(-1px)
}

.support-show-admin-badge {
background-color:#bb86fc;
color:#121212;
padding:2px 8px;
border-radius:12px;
font-size:12px;
margin-left:8px;
font-weight:700
}

.support-show-message-time {
color:#a0a0a0;
font-size:14px
}

.support-show-message-content {
color:#e0e0e0;
line-height:1.5
}

.support-show-reply-section {
background-color:#292929;
border-radius:8px;
padding:20px;
margin-top:20px
}

.support-show-form-group {
margin-bottom:20px
}

.support-show-label {
display:block;
color:#bb86fc;
font-size:16px;
font-weight:700;
margin-bottom:8px;
text-align:center
}

.support-show-textarea {
width:96%;
min-height:100px;
padding:12px 15px;
background-color:#1e1e1e;
border:1px solid #3c3c3c;
border-radius:6px;
color:#e0e0e0;
resize:vertical;
transition:all .3s ease;
margin:0 auto;
display:block
}

.support-show-textarea:focus {
outline:none;
border-color:#bb86fc
}

.support-show-captcha-container {
display:flex;
align-items:center;
justify-content:center;
gap:15px;
margin-bottom:20px
}

.support-show-captcha-label {
background-color:#1e1e1e;
color:#e0e0e0;
padding:8px 10px;
border:1px solid #3c3c3c;
border-radius:4px;
font-weight:700;
font-size:13px;
text-transform:uppercase
}

.support-show-captcha-image {
border:1px solid #3c3c3c;
border-radius:4px;
background-color:#d3d3d3;
max-height:80px
}

.support-show-captcha-input {
width:80px;
text-align:center;
padding:8px;
background-color:#1e1e1e;
border:1px solid #3c3c3c;
border-radius:4px;
color:#e0e0e0;
font-size:14px;
transition:all .3s ease
}

.support-show-captcha-input:focus {
outline:none;
border-color:#bb86fc
}

.support-show-submit {
display:flex;
justify-content:center;
margin-top:20px
}

.support-show-submit-btn {
background-color:#bb86fc;
color:#121212;
padding:10px 20px;
border:none;
border-radius:6px;
font-weight:700;
cursor:pointer;
transition:all .3s ease;
text-transform:uppercase;
letter-spacing:1px
}

.support-show-submit-btn:hover {
background-color:#96c;
transform:translateY(-2px)
}

.support-show-closed-message {
background-color:#292929;
border-left:4px solid #cf6679;
border-right:4px solid #cf6679;
color:#e0e0e0;
padding:12px 15px;
border-radius:6px;
margin-top:20px;
text-align:center
}

.guides-index-container {
max-width:1200px;
margin:20px auto;
padding:0 20px
}

.guides-index-card {
background-color:#1e1e1e;
border-radius:12px;
padding:25px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #3c3c3c;
margin-top:-20px
}

.guides-index-title {
color:#bb86fc;
font-size:28px;
margin-bottom:15px;
text-align:center;
font-weight:700
}

.guides-index-description {
color:#e0e0e0;
text-align:center;
margin-bottom:20px;
line-height:1.4;
font-size:16px
}

.guides-index-grid {
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
margin-top:20px
}

.guides-index-item {
background-color:#292929;
border-radius:8px;
padding:18px;
transition:all .3s ease;
border:1px solid #3c3c3c;
display:flex;
flex-direction:column;
align-items:center;
text-align:center
}

.guides-index-item:hover {
transform:translateY(-5px);
border-color:#bb86fc
}

.guides-index-item-title {
color:#bb86fc;
font-size:18px;
margin-bottom:8px;
font-weight:700;
text-align:center
}

.guides-index-item-description {
color:#e0e0e0;
font-size:15px;
line-height:1.4;
margin-bottom:12px;
flex-grow:1
}

.guides-index-item-link {
display:inline-block;
background-color:#bb86fc;
color:#121212;
padding:7px 14px;
border-radius:4px;
text-decoration:none;
font-weight:700;
transition:all .3s ease;
font-size:14px;
text-transform:uppercase;
letter-spacing:.5px
}

.guides-index-item-link:hover {
background-color:#96c;
transform:translateY(-2px)
}

.guides-general-container {
max-width:1000px;
margin:20px auto;
padding:0 20px
}

.guides-general-card {
background-color:#1e1e1e;
border-radius:12px;
padding:25px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #3c3c3c;
margin-top:-20px
}

.guides-general-header {
text-align:center;
margin-bottom:30px;
padding-bottom:20px;
border-bottom:2px solid #bb86fc
}

.guides-general-title {
color:#bb86fc;
font-size:32px;
margin:0;
font-weight:700
}

.guides-general-content {
color:#e0e0e0;
font-size:16px;
line-height:1.6
}

.guides-general-section-title {
color:#bb86fc;
font-size:24px;
margin:30px 0 20px;
text-align:center;
font-weight:700
}

.guides-general-subtitle {
color:#bb86fc;
font-size:20px;
margin:25px 0 15px;
text-align:center
}

.guides-general-subsubtitle {
color:#bb86fc;
font-size:18px;
margin:20px 0 10px;
text-align:center
}

.guides-general-divider {
border:0;
border-top:1px solid #3c3c3c;
margin:20px 0
}

.guides-general-image-container {
text-align:center;
margin:20px 0
}

.guides-general-image {
max-width:100%;
height:auto;
border-radius:8px;
box-shadow:0 4px 15px #0000004d;
border:1px solid #3c3c3c
}

.guides-general-code-block {
background-color:#292929;
border-radius:8px;
padding:15px;
margin:15px 0;
overflow-x:auto
}

.guides-general-code-block pre {
margin:0;
color:#e0e0e0;
font-family:monospace
}

.guides-general-note {
color:#a0a0a0;
font-style:italic;
margin:10px 0;
padding-left:15px;
border-left:4px solid #bb86fc;
border-right:4px solid #bb86fc;
background-color:#292929;
border-radius:8px;
text-align:center
}

.guides-general-ordered-list {
padding-left:25px;
margin:15px 0;
list-style-position:outside
}

.guides-general-ordered-list li {
padding-left:5px
}

.guides-general-list {
padding-left:15px;
margin:15px 0;
list-style:none
}

.guides-general-list li {
margin:8px 0;
color:#e0e0e0;
padding-left:20px;
position:relative
}

.guides-general-list li::before {
content:"◆";
position:absolute;
left:0;
color:#bb86fc;
font-size:.8rem
}

.guides-general-highlight {
color:#e0e0e0;
text-align:center;
background-color:#292929;
padding:10px 15px;
border-radius:6px;
margin:10px 0;
border-left:4px solid #bb86fc;
border-right:4px solid #bb86fc
}

.bulk-message-create-container {
max-width:800px;
margin:auto;
padding:0 20px
}

.bulk-message-create-card {
background-color:#1e1e1e;
border-radius:12px;
padding:30px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #3c3c3c
}

.bulk-message-create-title {
color:#bb86fc;
font-size:28px;
margin-bottom:30px;
text-align:center;
font-weight:700
}

.bulk-message-create-form {
display:flex;
flex-direction:column;
gap:25px
}

.bulk-message-create-form-group {
margin-bottom:5px
}

.bulk-message-create-label {
display:block;
color:#e0e0e0;
font-size:16px;
font-weight:700;
margin-bottom:10px
}

.bulk-message-create-input,.bulk-message-create-textarea,.bulk-message-create-select {
width:96%;
padding:12px 15px;
background-color:#292929;
border:1px solid #3c3c3c;
border-radius:8px;
color:#e0e0e0;
font-size:15px;
transition:all .3s ease
}

.bulk-message-create-textarea {
min-height:150px;
resize:vertical
}

.bulk-message-create-input:focus,.bulk-message-create-textarea:focus,.bulk-message-create-select:focus {
outline:none;
border-color:#bb86fc;
box-shadow:0 0 0 2px #bb86fc1a
}

.bulk-message-create-error {
color:#cf6679;
font-size:14px;
margin-top:5px
}

.bulk-message-create-actions {
display:flex;
justify-content:flex-end;
gap:15px;
margin-top:10px
}

.bulk-message-create-button {
padding:12px 24px;
border-radius:8px;
font-weight:700;
font-size:15px;
transition:all .3s ease;
text-decoration:none;
display:inline-flex;
align-items:center;
justify-content:center
}

.bulk-message-create-button:hover {
transform:translateY(-2px)
}

.bulk-message-create-button-cancel {
background-color:#292929;
color:#e0e0e0;
border:1px solid #3c3c3c
}

.bulk-message-create-button-cancel:hover {
background-color:#3c3c3c;
border-color:#bb86fc
}

.bulk-message-create-button-submit {
background-color:#bb86fc;
color:#121212;
border:none;
cursor:pointer
}

.bulk-message-create-button-submit:hover {
background-color:#96c
}

.bulk-message-list-container {
max-width:1200px;
margin:20px auto;
padding:0 20px
}

.bulk-message-list-card {
background-color:#1e1e1e;
border-radius:12px;
padding:25px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #3c3c3c;
margin-top:-20px
}

.bulk-message-list-header {
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:25px;
padding-bottom:15px;
border-bottom:2px solid #bb86fc
}

.bulk-message-list-title {
color:#bb86fc;
font-size:28px;
font-weight:700;
margin:0
}

.bulk-message-list-new-btn {
background-color:#bb86fc;
color:#121212;
padding:12px 24px;
border-radius:8px;
text-decoration:none;
font-weight:700;
transition:all .3s ease;
text-transform:uppercase;
letter-spacing:1px
}

.bulk-message-list-new-btn:hover {
background-color:#96c;
transform:translateY(-2px)
}

.bulk-message-list-empty {
text-align:center;
padding:40px;
color:#a0a0a0;
font-size:18px;
background-color:#292929;
border-radius:8px
}

.bulk-message-list-table-container {
overflow-x:auto
}

.bulk-message-list-table {
width:100%;
border-collapse:separate;
border-spacing:0 8px
}

.bulk-message-list-table th {
background-color:#292929;
color:#bb86fc;
font-weight:700;
padding:15px;
text-align:center;
text-transform:uppercase;
font-size:.9em
}

.bulk-message-list-table tr {
background-color:#292929
}

.bulk-message-list-table td {
padding:15px;
color:#e0e0e0;
text-align:center
}

.bulk-message-list-title-text {
font-weight:600
}

.bulk-message-list-target {
color:#bb86fc;
font-weight:500
}

.bulk-message-list-date {
color:#a0a0a0;
font-size:.9em
}

.bulk-message-list-delete-btn {
background:none;
border:none;
color:#cf6679;
cursor:pointer;
font-weight:700;
transition:all .3s ease;
padding:8px 16px;
border-radius:4px
}

.bulk-message-list-delete-btn:hover {
background-color:#cf66791a;
color:#ff4d6b
}

.categories-index-container {
max-width:1200px;
margin:20px auto;
padding:0 20px
}

.categories-index-header {
margin-bottom:30px;
text-align:center
}

.categories-index-title {
color:#bb86fc;
font-size:32px;
font-weight:700;
margin-bottom:15px
}

.categories-index-grid {
display:grid;
grid-template-columns:repeat(2,1fr);
gap:30px;
align-items:start
}

.categories-index-card {
background-color:#1e1e1e;
border-radius:12px;
padding:25px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #3c3c3c
}

.categories-index-grid > .categories-index-card:first-child {
position:sticky;
top:20px;
height:fit-content;
align-self:flex-start
}

.categories-index-grid > .categories-index-card:last-child {
min-height:93%;
height:auto
}

.categories-index-card-title {
color:#bb86fc;
font-size:24px;
margin-bottom:20px;
text-align:center;
font-weight:700
}

.categories-index-form-group {
margin-bottom:20px
}

.categories-index-label {
display:block;
color:#e0e0e0;
font-size:16px;
font-weight:700;
margin-bottom:8px
}

.categories-index-input,.categories-index-select {
width:96%;
padding:12px 15px;
background-color:#292929;
border:1px solid #3c3c3c;
border-radius:8px;
color:#e0e0e0;
font-size:15px;
transition:all .3s ease
}

.categories-index-input:focus,.categories-index-select:focus {
outline:none;
border-color:#bb86fc;
box-shadow:0 0 0 2px #bb86fc1a
}

.categories-index-help-text {
color:#a0a0a0;
font-size:14px;
margin-top:5px
}

.categories-index-submit {
width:100%;
background-color:#bb86fc;
color:#121212;
padding:12px 20px;
border:none;
border-radius:8px;
font-weight:700;
cursor:pointer;
transition:all .3s ease;
text-transform:uppercase;
letter-spacing:1px
}

.categories-index-submit:hover {
background-color:#96c;
transform:translateY(-2px)
}

.categories-index-list {
display:flex;
flex-direction:column;
gap:15px
}

.categories-index-category {
background-color:#292929;
border-radius:8px;
padding:15px
}

.categories-index-category-header {
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:10px
}

.categories-index-category-name {
color:#bb86fc;
font-weight:700;
font-size:16px
}

.categories-index-delete-btn {
background:none;
border:none;
color:#cf6679;
cursor:pointer;
font-weight:700;
transition:all .3s ease;
padding:6px 12px;
border-radius:4px
}

.categories-index-delete-btn:hover {
background-color:#cf66791a;
color:#ff4d6b
}

.categories-index-subcategories {
margin-left:20px;
margin-top:10px;
display:flex;
flex-direction:column;
gap:8px
}

.categories-index-subcategory {
background-color:#1e1e1e;
border-radius:6px;
padding:10px 15px;
display:flex;
justify-content:space-between;
align-items:center
}

.categories-index-subcategory-name {
color:#e0e0e0;
font-size:14px
}

.categories-index-empty {
color:#a0a0a0;
text-align:center;
padding:20px;
font-size:16px
}

.vendors-index-container {
max-width:1400px;
margin:auto;
padding:0 20px
}

.vendors-index-card {
background-color:#1e1e1e;
border-radius:12px;
padding:25px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #3c3c3c
}

.vendors-index-title {
color:#bb86fc;
font-size:28px;
margin-bottom:25px;
font-weight:700;
text-align:center;
border-bottom:2px solid #bb86fc;
padding-bottom:15px
}

.vendors-index-error {
background-color:#b71c1c;
color:#ffebee;
padding:15px;
border-radius:8px;
margin-bottom:20px
}

.vendors-index-empty {
color:#a0a0a0;
font-size:16px;
text-align:center;
padding:20px
}

.vendors-index-grid {
display:grid;
grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
gap:20px;
padding:10px
}

.vendors-index-item {
background-color:#292929;
border-radius:12px;
padding:20px;
display:flex;
flex-direction:column;
align-items:center;
gap:15px;
transition:all .3s ease;
border:1px solid #3c3c3c;
text-decoration:none
}

.vendors-index-item:hover {
transform:translateY(-5px);
border-color:#bb86fc
}

.vendors-index-avatar {
width:80px;
height:80px;
border-radius:50%;
overflow:hidden;
border:2px solid #bb86fc;
background-color:#1e1e1e
}

.vendors-index-avatar img {
width:100%;
height:100%;
object-fit:cover
}

.vendors-index-username {
color:#bb86fc;
font-size:16px;
font-weight:700;
text-align:center;
transition:all .3s ease
}

.vendors-index-item:hover .vendors-index-username {
color:#96c
}

.vendor-panel-appearance-container {
max-width:800px;
margin:auto;
padding:0 20px
}

.vendor-panel-appearance-card {
background-color:#1e1e1e;
border-radius:12px;
padding:30px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #3c3c3c
}

.vendor-panel-appearance-title {
color:#bb86fc;
font-size:28px;
margin-bottom:30px;
text-align:center;
font-weight:700
}

.vendor-panel-appearance-form-group {
margin-bottom:25px
}

.vendor-panel-appearance-vacation-label {
display:flex;
align-items:center;
gap:12px;
color:#e0e0e0;
font-size:18px;
font-weight:600
}

.vendor-panel-appearance-switch {
position:relative;
width:52px;
height:26px
}

.vendor-panel-appearance-switch input {
opacity:0;
width:0;
height:0
}

.vendor-panel-appearance-slider {
position:absolute;
cursor:pointer;
top:0;
left:0;
right:0;
bottom:0;
background-color:#292929;
transition:.4s;
border-radius:34px;
border:2px solid #3c3c3c
}

.vendor-panel-appearance-slider:before {
position:absolute;
content:"";
height:18px;
width:18px;
left:2px;
bottom:2px;
background-color:#e0e0e0;
transition:.4s;
border-radius:50%
}

.vendor-panel-appearance-switch input:checked + .vendor-panel-appearance-slider {
background-color:#bb86fc;
border-color:#bb86fc
}

.vendor-panel-appearance-switch input:checked + .vendor-panel-appearance-slider:before {
transform:translateX(26px);
background-color:#1e1e1e
}

.vendor-panel-appearance-help-text {
margin-top:8px;
color:#a0a0a0;
font-size:14px
}

.vendor-panel-appearance-textarea-label {
display:block;
color:#e0e0e0;
font-size:18px;
font-weight:600;
margin-bottom:8px
}

.vendor-panel-appearance-char-limit {
color:#a0a0a0;
font-size:14px;
font-weight:400;
margin-left:8px
}

.vendor-panel-appearance-textarea {
width:96%;
min-height:150px;
padding:15px;
background-color:#292929;
border:1px solid #3c3c3c;
border-radius:8px;
color:#e0e0e0;
font-size:15px;
line-height:1.5;
resize:vertical;
transition:all .3s ease
}

.vendor-panel-appearance-textarea:focus {
outline:none;
border-color:#bb86fc;
box-shadow:0 0 0 2px #bb86fc1a
}

.vendor-panel-appearance-submit {
display:flex;
justify-content:center;
align-items:center;
margin-top:30px
}

.vendor-panel-appearance-submit-btn {
background-color:#bb86fc;
color:#121212;
padding:12px 24px;
border:none;
border-radius:8px;
font-size:16px;
font-weight:700;
cursor:pointer;
transition:all .3s ease;
text-transform:uppercase;
letter-spacing:1px
}

.vendor-panel-appearance-submit-btn:hover {
background-color:#96c;
transform:translateY(-2px)
}

.vendors-show-container {
max-width:1200px;
margin:-10px auto;
padding:0 20px
}

.vendors-show-vacation-notice {
background-color:#1e1e1e;
border-radius:12px;
padding:30px;
text-align:center;
border:1px solid #3c3c3c;
box-shadow:0 4px 20px #0000004d
}

.vendors-show-vacation-notice h2 {
color:#bb86fc;
font-size:24px;
margin-bottom:15px
}

.vendors-show-vacation-notice p {
color:#e0e0e0;
font-size:16px
}

.vendors-show-main-card {
background-color:#1e1e1e;
border-radius:12px;
padding:30px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #3c3c3c
}

.vendors-show-header {
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:30px;
padding-bottom:20px;
border-bottom:2px solid #bb86fc
}

.vendors-show-header h1 {
color:#bb86fc;
font-size:28px;
font-weight:700;
margin:0
}

.vendors-show-back-btn {
background-color:#292929;
color:#bb86fc;
padding:10px 20px;
border-radius:8px;
text-decoration:none;
font-weight:700;
transition:all .3s ease
}

.vendors-show-back-btn:hover {
background-color:#bb86fc;
color:#121212;
transform:translateY(-2px)
}

.vendors-show-profile {
background-color:#292929;
border-radius:12px;
padding:25px;
margin-bottom:30px
}

.vendors-show-profile-header {
text-align:center;
margin-bottom:25px
}

.vendors-show-avatar-username {
position:relative;
display:inline-block
}

.vendors-show-avatar {
width:100px;
height:100px;
border-radius:50%;
overflow:hidden;
border:3px solid #bb86fc;
display:block;
margin:0 auto
}

.vendors-show-avatar img {
width:100%;
height:100%;
object-fit:cover
}

.vendors-show-username {
position:absolute;
top:50%;
right:100%;
transform:translateY(-50%);
margin-right:20px;
background-color:#3c3c3c;
border-radius:50px;
padding:8px 20px
}

.vendors-show-pgp-badge {
position:absolute;
top:50%;
left:100%;
transform:translateY(-50%);
margin-left:20px;
padding:6px 15px;
border-radius:20px;
font-size:14px;
font-weight:700;
color:#121212;
text-transform:uppercase;
letter-spacing:.5px;
background:#333
}

.vendors-show-pgp-badge--none {
background-color:#ff3838
}

.vendors-show-pgp-badge--unconfirmed {
background-color:#ffc107
}

.vendors-show-pgp-badge--confirmed {
background-color:#4caf50
}

.vendors-show-value {
color:#bb86fc;
font-size:18px;
font-weight:700;
text-decoration:none!important;
display:inline-block;
transition:all .2s ease
}

.vendors-show-value:hover {
color:#d0a4ff;
transform:translateY(-1px)
}

.vendors-show-description {
text-align:center;
margin-top:20px
}

.vendors-show-description h2 {
color:#bb86fc;
font-size:20px;
margin-bottom:15px
}

.vendors-show-description-content {
background-color:#1e1e1e;
border-radius:8px;
padding:20px;
max-width:1200px;
margin:0 auto
}

.vendors-show-description-content p {
color:#e0e0e0;
line-height:1.6;
white-space:pre-wrap
}

.vendors-show-products {
margin-top:40px
}

.vendors-show-products h2 {
color:#bb86fc;
font-size:24px;
margin-bottom:25px;
text-align:center
}

.vendors-show-empty {
background-color:#292929;
border-radius:8px;
padding:30px;
text-align:center
}

.vendors-show-empty p {
color:#a0a0a0;
font-size:16px
}

.vendors-show-pagination {
margin-top:30px;
display:flex;
justify-content:center
}

.vendors-show-policy {
margin-top:10px;
background-color:#292929;
border-radius:12px;
padding:25px
}

.vendors-show-policy h2 {
color:#bb86fc;
font-size:24px;
margin-top:0px;
margin-bottom:20px;
padding-bottom:10px;
border-bottom:2px dashed #3c3c3c;
text-align:center
}

.vendors-show-policy-content {
background-color:#1e1e1e;
border-radius:8px;
padding:20px;
border:1px solid #3c3c3c;
text-align:center
}

.vendors-show-policy-content p {
color:#e0e0e0;
line-height:1.6;
white-space:pre-wrap
}

.vendors-show-statistics-stats {
background-color:#292929;
border-radius:12px;
padding:22px;
margin:25px auto;
box-shadow:0 4px 20px #0000004d;
border:1px solid #3c3c3c;
max-width:85%
}

.vendors-show-statistics-stats h2 {
color:#bb86fc;
font-size:22px;
margin-top:0;
margin-bottom:18px;
text-align:center;
padding-bottom:10px;
border-bottom:2px dashed #3c3c3c
}

.vendors-show-statistics-percentage {
display:flex;
flex-direction:column;
align-items:center;
margin-bottom:20px
}

.vendors-show-statistics-percentage-value {
font-size:42px;
font-weight:700;
color:#bb86fc;
margin-bottom:2px;
line-height:1.1
}

.vendors-show-statistics-percentage-label {
font-size:15px;
color:#e0e0e0;
text-transform:uppercase;
letter-spacing:1px
}

.vendors-show-statistics-counts {
display:grid;
grid-template-columns:repeat(4,1fr);
gap:12px;
margin-top:20px;
width:90%;
margin-left:auto;
margin-right:auto
}

.vendors-show-statistics-count-item {
background-color:#1e1e1e;
border-radius:8px;
padding:12px 8px;
text-align:center;
border:1px solid #3c3c3c;
display:flex;
flex-direction:column;
gap:4px
}

.vendors-show-statistics-count-label {
color:#a0a0a0;
font-size:13px;
text-transform:uppercase;
letter-spacing:.5px
}

.vendors-show-statistics-count-value {
font-size:20px;
font-weight:700;
color:#bb86fc
}

.vendors-show-statistics-count-item:nth-child(1) .vendors-show-statistics-count-value {
color:#4CAF50
}

.vendors-show-statistics-count-item:nth-child(2) .vendors-show-statistics-count-value {
color:#ffc107
}

.vendors-show-statistics-count-item:nth-child(3) .vendors-show-statistics-count-value {
color:#ff3838
}

.vendors-show-statistics-count-item:nth-child(4) .vendors-show-statistics-count-value {
color:#bb86fc
}

.vendors-show-statistics-empty {
background-color:#1e1e1e;
border-radius:8px;
padding:20px;
text-align:center;
border:1px solid #3c3c3c;
width:80%;
margin:0 auto
}

.vendors-show-statistics-empty p {
color:#a0a0a0;
font-size:15px
}

.vendors-show-reviews-title {
color:#121212;
background-color:#bb86fc;
font-size:24px;
text-align:center;
margin:30px auto;
padding:12px 30px;
font-weight:700;
display:inline-block;
border-radius:50px;
position:relative;
left:50%;
transform:translateX(-50%)
}

.vendors-show-product-link {
color:#bb86fc;
text-decoration:none;
position:relative;
transition:all .3s ease;
font-weight:700
}

.vendors-show-product-link::after {
content:'';
position:absolute;
width:0;
height:2px;
bottom:-2px;
left:0;
background-color:#bb86fc;
transition:width .3s ease
}

.vendors-show-product-link:hover {
color:#d0a4ff;
transform:translateY(-1px)
}

.vendors-show-product-link:hover::after {
width:100%
}

.vendors-show-pgp {
margin-top:30px;
background-color:#292929;
border-radius:12px;
padding:25px;
border:1px solid #3c3c3c;
box-shadow:0 4px 20px #0000004d;
width:50%;
margin-left:auto;
margin-right:auto
}

.vendors-show-pgp h2 {
color:#bb86fc;
font-size:24px;
margin-top:0;
margin-bottom:20px;
text-align:center;
padding-bottom:10px;
border-bottom:2px dashed #3c3c3c
}

.vendors-show-pgp-key-container {
background-color:#1e1e1e;
border-radius:8px;
border:1px solid #3c3c3c;
overflow:hidden
}

.vendors-show-pgp-key-container pre {
background-color:#1e1e1e;
color:#e0e0e0;
padding:20px;
margin:0;
font-size:13px;
line-height:1.4;
white-space:pre-wrap;
word-wrap:break-word;
overflow-x:auto;
border:none;
max-height:200px;
overflow-y:auto
}

.vendors-show-pgp-empty {
background-color:#1e1e1e;
border-radius:8px;
padding:30px;
text-align:center;
border:1px solid #3c3c3c
}

.vendors-show-pgp-empty p {
color:#a0a0a0;
font-size:16px;
margin:0;
font-style:italic
}

.product-card {
background-color:#292929;
border-radius:12px;
overflow:hidden;
text-decoration:none;
transition:all .3s ease;
border:1px solid #3c3c3c;
position:relative
}

.product-card:hover {
transform:translateY(-5px);
border-color:#bb86fc
}

.product-card-image {
width:100%;
height:200px;
overflow:hidden
}

.product-card-image img {
width:100%;
height:100%;
object-fit:cover;
transition:transform .3s ease
}

.product-card:hover .product-card-image img {
transform:scale(1.05)
}

.product-card-content {
padding:20px
}

.product-card-header {
display:flex;
justify-content:center;
align-items:center;
margin-bottom:15px
}

.product-card-price {
color:#0f0f0f;
font-size:16px;
font-weight:700;
background-color:#d4d4d4;
padding:5px 12px;
border-radius:20px
}

.product-card-name-container {
background-color:#1e1e1e;
border-radius:8px;
padding:12px;
height:50px;
display:flex;
align-items:center;
justify-content:center
}

.product-card-name {
color:#e0e0e0;
font-size:14px;
margin:0;
transition:color .3s ease;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
text-overflow:ellipsis;
text-align:center;
width:100%;
line-height:1.3
}

.product-card:hover .product-card-name {
color:#bb86fc
}

.product-card-wishlist-button {
position:absolute;
top:180px;
left:50%;
transform:translateX(-50%);
width:32px;
height:32px;
background-color:#292929;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
z-index:10;
transition:all .3s ease;
border:2px solid #3c3c3c;
text-decoration:none
}

.product-card-wishlist-button:hover {
border-color:#bb86fc;
transform:translateX(-50%) translateY(-2px)
}

.product-card-wishlist-button.active {
background-color:#bb86fc;
border:2px solid #292929
}

.product-card-wishlist-icon {
width:16px;
height:16px;
filter:brightness(0) saturate(100%) invert(23%) sepia(89%) saturate(7471%) hue-rotate(359deg) brightness(102%) contrast(118%);
transition:filter .3s ease
}

.product-card-wishlist-button.active .product-card-wishlist-icon {
filter:brightness(0) saturate(100%) invert(7%) sepia(9%) saturate(848%) hue-rotate(205deg) brightness(98%) contrast(92%)
}

.product-card-pagination {
margin-top:30px;
display:flex;
justify-content:center
}

.product-card-grid {
display:grid;
grid-template-columns:repeat(auto-fill,minmax(250px,1fr));
gap:25px;
padding:10px
}

.product-card-info-review {
position:absolute;
top:10px;
right:10px;
background-color:#1e1e1e;
border:1px solid #3c3c3c;
border-radius:13px;
padding:5px 9px;
z-index:10;
display:flex;
align-items:center;
gap:3px;
font-size:12px
}

.product-card-info-username {
position:absolute;
top:10px;
left:10px;
background-color:#1e1e1e;
border:1px solid #3c3c3c;
border-radius:13px;
padding:5px 9px;
z-index:10;
display:flex;
align-items:center;
gap:3px;
font-size:12px
}

.product-card-review-star {
color:#bb86fc;
font-size:12px;
transform:scale(1.2)
}

.product-card-info-text {
color:#e0e0e0;
font-weight:600
}

.wishlist-index-container {
max-width:1200px;
margin:20px auto;
padding:0 20px
}

.wishlist-index-header {
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:10px;
margin-top:-20px;
padding:20px;
background:linear-gradient(135deg,#1e1e1e,#292929);
border:2px solid #bb86fc;
border-radius:8px;
box-shadow:0 4px 10px #00000080
}

.wishlist-index-title {
color:#bb86fc;
font-size:28px;
font-weight:700;
margin:0
}

.wishlist-index-clear-btn {
background-color:#cf6679;
color:#121212;
padding:10px 20px;
border:none;
border-radius:8px;
font-weight:800;
cursor:pointer;
transition:all .3s ease;
font-size:16px
}

.wishlist-index-clear-btn:hover {
background-color:#b4464f;
transform:translateY(-2px)
}

.wishlist-index-empty {
background-color:#1e1e1e;
border-radius:12px;
padding:30px;
text-align:center;
border:1px solid #3c3c3c;
box-shadow:0 4px 20px #0000004d;
margin-top:20px
}

.wishlist-index-empty-text {
color:#e0e0e0;
font-size:18px;
margin-bottom:20px
}

.wishlist-index-browse-btn {
display:inline-block;
background-color:#bb86fc;
color:#121212;
padding:12px 24px;
border-radius:8px;
text-decoration:none;
font-weight:700;
transition:all .3s ease
}

.wishlist-index-browse-btn:hover {
background-color:#96c;
transform:translateY(-2px)
}

.products-index-container {
max-width:1200px;
margin:20px auto;
padding:0 20px
}

.products-index-content {
margin-bottom:30px
}

.products-index-filter-card {
background-color:#1e1e1e;
border-radius:12px;
padding:25px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #3c3c3c;
margin-bottom:-10px;
margin-top:-20px
}

.products-index-filter-row {
display:flex;
justify-content:center;
align-items:flex-start;
gap:30px;
margin-bottom:25px;
padding:0 40px
}

.products-index-filter-left {
width:25%;
padding-left:20px
}

.products-index-filter-right {
display:flex;
justify-content:space-between;
gap:30px;
width:75%;
padding-right:20px
}

.products-index-filter-right .products-index-form-group {
flex:1
}

.products-index-form-group {
margin-bottom:15px;
text-align:center
}

.products-index-label {
display:block;
color:#e0e0e0;
font-size:14px;
font-weight:600;
margin-bottom:8px;
text-align:center
}

.products-index-input,.products-index-select {
width:80%;
padding:12px 15px;
background-color:#292929;
border:1px solid #3c3c3c;
border-radius:8px;
color:#e0e0e0;
font-size:14px;
transition:all .3s ease;
text-align:center
}

.products-index-input:focus,.products-index-select:focus {
outline:none;
border-color:#bb86fc
}

.products-index-search-container {
display:flex;
justify-content:center;
margin-bottom:25px
}

.products-index-main-search {
width:60%;
text-align:center
}

.products-index-main-search-label {
display:block;
color:#bb86fc;
font-size:18px;
font-weight:700;
margin-bottom:12px;
margin-top:8px;
margin-left:40px
}

.products-index-main-search-input {
width:100%;
padding:15px 20px;
background-color:#292929;
border:2px solid #bb86fc;
border-radius:12px;
color:#e0e0e0;
font-size:16px;
transition:all .3s ease;
text-align:center
}

.products-index-main-search-input:focus {
outline:none;
box-shadow:0 0 0 3px #bb86fc4d;
transform:translateY(-2px)
}

.products-index-filter-actions {
display:flex;
justify-content:center;
gap:20px
}

.products-index-button {
display:inline-block;
padding:12px 25px;
border-radius:8px;
font-weight:700;
text-align:center;
transition:all .3s ease;
cursor:pointer;
border:none;
text-decoration:none;
min-width:150px;
font-size:14px
}

.products-index-button-primary {
background-color:#bb86fc;
color:#121212
}

.products-index-button-primary:hover {
background-color:#96c;
transform:translateY(-2px)
}

.products-index-button-secondary {
background-color:#292929;
color:#bb86fc;
border:1px solid #3c3c3c;
border-radius:6px;
transition:all .3s ease
}

.products-index-button-secondary:hover {
background-color:#bb86fc;
color:#121212;
transform:translateY(-2px);
border-color:#bb86fc
}

.products-index-empty {
background-color:#1e1e1e;
border-radius:12px;
padding:30px;
text-align:center;
color:#e0e0e0;
border:1px solid #3c3c3c
}

.home-container {
max-width:1000px;
margin:0 auto;
padding:20px
}

.home-welcome-message {
background-color:#1e1e1e;
border-radius:12px;
padding:25px 30px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #3c3c3c;
animation:fadeIn .6s ease-out
}

@keyframes fadeIn {
from {
opacity:0;
transform:translateY(20px)
}

to {
opacity:1;
transform:translateY(0)
}
}

.home-title {
color:#bb86fc;
font-size:2rem;
text-align:center;
margin-bottom:20px;
font-weight:700;
text-shadow:0 2px 4px #0000004d
}

.home-text {
color:#e0e0e0;
font-size:1rem;
line-height:1.5;
margin-bottom:15px
}

.home-list {
list-style:none;
padding:0;
margin:15px 0
}

.home-list li {
color:#e0e0e0;
padding:8px 0 8px 30px;
position:relative;
font-size:1rem
}

.home-list li::before {
content:"◆";
position:absolute;
left:0;
color:#bb86fc;
font-size:.8rem
}

.home-important {
background-color:#292929;
border-left:4px solid #bb86fc;
border-right:4px solid #bb86fc;
padding:15px;
margin:20px 0;
border-radius:8px;
text-align:center
}

.home-important strong {
color:#bb86fc;
display:block;
margin-bottom:8px;
font-size:1rem
}

.home-signature {
margin-top:20px;
color:#e0e0e0;
font-style:italic;
text-align:right
}

.home-signature br {
margin-top:3px
}

.messages-index-container {
max-width:800px;
margin:20px auto;
padding:0 20px
}

.messages-index-card {
background-color:#1e1e1e;
border-radius:12px;
padding:25px 25px 10px 25px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #3c3c3c
}

.messages-index-new-btn {
display:block;
width:100%;
max-width:300px;
margin:0 auto 25px;
padding:12px 20px;
background-color:#bb86fc;
color:#121212;
border:none;
border-radius:8px;
font-size:16px;
font-weight:700;
text-align:center;
text-decoration:none;
text-transform:uppercase;
letter-spacing:1px;
transition:all .3s ease
}

.messages-index-new-btn:hover {
background-color:#96c;
transform:translateY(-2px)
}

.messages-index-list {
display:flex;
flex-direction:column;
gap:15px
}

.messages-index-item {
background-color:#292929;
border-radius:12px;
padding:20px;
position:relative;
transition:all .3s ease;
border:1px solid #3c3c3c;
min-height:40px;
display:flex;
flex-direction:column
}

.messages-index-item:hover {
transform:translateY(-2px);
border-color:#bb86fc
}

.messages-index-item-link {
text-decoration:none;
display:block;
flex-grow:1
}

.messages-index-header {
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:12px
}

.messages-index-username {
color:#bb86fc;
font-size:18px;
font-weight:700;
margin:0
}

.messages-index-time {
color:#a0a0a0;
font-size:14px
}

.messages-index-preview {
color:#e0e0e0;
font-size:15px;
margin:0;
line-height:1.4
}

.messages-index-delete {
position:absolute;
bottom:10px;
right:15px;
background:none;
border:none;
color:#cf6679;
font-size:24px;
cursor:pointer;
padding:0;
transition:all .3s ease;
opacity:0
}

.messages-index-item:hover .messages-index-delete {
opacity:1
}

.messages-index-delete:hover {
color:#ff4d6b;
transform:scale(1.1)
}

.messages-index-empty {
text-align:center;
padding:30px;
background-color:#292929;
border-radius:8px;
color:#e0e0e0;
font-size:16px;
margin:20px 0
}

.messages-index-limit-warning {
background-color:#292929;
border-left:4px solid #ffc107;
border-right:4px solid #ffc107;
color:#e0e0e0;
padding:15px 20px;
border-radius:8px;
margin-top:20px;
font-size:15px;
text-align:center
}

.messages-index-pagination {
margin-top:20px
}

.messages-create-container {
max-width:800px;
margin:20px auto;
padding:0 20px
}

.messages-create-card {
background-color:#1e1e1e;
border-radius:12px;
padding:30px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #3c3c3c
}

.messages-create-title {
color:#bb86fc;
font-size:28px;
margin-bottom:30px;
text-align:center;
font-weight:700
}

.messages-create-form {
display:flex;
flex-direction:column;
gap:25px
}

.messages-create-form-group {
margin-bottom:5px
}

.messages-create-label {
display:block;
color:#e0e0e0;
font-size:16px;
font-weight:700;
margin-bottom:10px
}

.messages-create-input,.messages-create-textarea {
width:100%;
padding:12px 15px;
background-color:#292929;
border:1px solid #3c3c3c;
border-radius:8px;
color:#e0e0e0;
font-size:15px;
transition:all .3s ease;
box-sizing:border-box
}

.messages-create-textarea {
min-height:150px;
resize:vertical
}

.messages-create-input::placeholder,.messages-create-textarea::placeholder {
color:#666;
font-size:14px
}

.messages-create-input:focus,.messages-create-textarea:focus {
outline:none;
border-color:#bb86fc;
box-shadow:0 0 0 2px #bb86fc1a
}

.messages-create-actions {
display:flex;
justify-content:center;
margin-top:10px
}

.messages-create-submit {
background-color:#bb86fc;
color:#121212;
border:none;
padding:12px 30px;
border-radius:8px;
font-size:16px;
font-weight:700;
cursor:pointer;
transition:all .3s ease;
text-transform:uppercase;
letter-spacing:1px
}

.messages-create-submit:hover {
background-color:#96c;
transform:translateY(-2px)
}

.messages-show-container {
max-width:800px;
margin:20px auto;
padding:0 20px
}

.messages-show-card {
background-color:#1e1e1e;
border-radius:12px;
padding:25px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #3c3c3c
}

.messages-show-messages {
display:flex;
flex-direction:column-reverse;
gap:15px;
max-height:500px;
overflow-y:auto;
padding:20px;
background-color:#292929;
border-radius:12px;
margin-bottom:20px
}

.messages-show-message {
max-width:70%
}

.messages-show-sent {
align-self:flex-end
}

.messages-show-received {
align-self:flex-start
}

.messages-show-bubble {
background-color:#3c3c3c;
padding:12px 16px;
border-radius:12px;
position:relative
}

.messages-show-sent .messages-show-bubble {
background-color:#bb86fc
}

.messages-show-text {
color:#e0e0e0;
margin:0;
line-height:1.4;
font-size:15px
}

.messages-show-sent .messages-show-text {
color:#121212
}

.messages-show-meta {
display:flex;
gap:10px;
margin-top:5px;
font-size:12px
}

.messages-show-username {
color:#bb86fc;
font-weight:600;
text-decoration:none!important;
display:inline-block;
transition:all .2s ease;
position:relative
}

.messages-show-username:hover {
color:#d0a4ff;
transform:translateY(-1px);
cursor:pointer
}

.messages-show-time {
color:#a0a0a0
}

.messages-show-pagination {
display:flex;
justify-content:center;
margin:20px 0
}

.messages-show-form {
background-color:#292929;
padding:20px;
border-radius:12px;
margin-top:20px
}

.messages-show-form-group {
margin-bottom:15px
}

.messages-show-input {
width:96%;
min-height:80px;
padding:15px;
background-color:#1e1e1e;
border:1px solid #3c3c3c;
border-radius:8px;
color:#e0e0e0;
font-size:15px;
resize:vertical;
transition:all .3s ease
}

.messages-show-input:focus {
outline:none;
border-color:#bb86fc;
box-shadow:0 0 0 2px #bb86fc1a
}

.messages-show-submit {
background-color:#bb86fc;
color:#121212;
padding:12px 24px;
border:none;
border-radius:8px;
font-weight:700;
cursor:pointer;
transition:all .3s ease;
text-transform:uppercase;
letter-spacing:1px;
display:block;
margin:0 auto
}

.messages-show-submit:hover {
background-color:#96c;
transform:translateY(-2px)
}

.messages-show-messages::-webkit-scrollbar {
width:8px
}

.messages-show-messages::-webkit-scrollbar-track {
background:#1e1e1e;
border-radius:4px
}

.messages-show-messages::-webkit-scrollbar-thumb {
background-color:#bb86fc;
border-radius:4px;
border:2px solid #1e1e1e
}

.messages-show-messages::-webkit-scrollbar-thumb:hover {
background-color:#96c
}

.messages-rate-limit-wrapper {
padding:20px;
max-width:600px;
width:100%;
margin:40px auto
}

.messages-rate-limit-card {
background-color:#1e1e1e;
border-radius:12px;
padding:30px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #3c3c3c;
text-align:center
}

.messages-rate-limit-icon {
color:#cf6679;
font-size:48px;
margin-bottom:20px
}

.messages-rate-limit-title {
color:#bb86fc;
font-size:28px;
margin-bottom:25px;
font-weight:700
}

.messages-rate-limit-alert {
background-color:#292929;
border-radius:8px;
padding:20px;
margin-bottom:25px;
border-left:4px solid #cf6679;
border-right:4px solid #cf6679
}

.messages-rate-limit-alert-heading {
color:#cf6679;
font-size:20px;
margin-bottom:15px;
font-weight:700
}

.messages-rate-limit-message {
color:#e0e0e0;
font-size:16px;
line-height:1.5;
margin-bottom:0
}

.messages-rate-limit-divider {
height:1px;
background-color:#3c3c3c;
margin:15px 0
}

.messages-rate-limit-submessage {
color:#a0a0a0;
font-size:15px;
margin:0
}

.messages-rate-limit-action {
margin-top:25px
}

.messages-rate-limit-button {
display:inline-flex;
align-items:center;
gap:10px;
background-color:#bb86fc;
color:#121212;
padding:12px 25px;
border-radius:8px;
font-weight:700;
text-decoration:none;
transition:all .3s ease;
font-size:16px;
text-transform:uppercase;
letter-spacing:1px
}

.messages-rate-limit-button:hover {
background-color:#96c;
transform:translateY(-2px)
}

.messages-rate-limit-button i {
font-size:14px
}

.references-index-container {
max-width:800px;
margin:-40px auto 0;
padding:40px 20px
}

.references-index-grid {
display:grid;
gap:30px
}

.references-index-card {
background-color:#1e1e1e;
border-radius:8px;
padding:25px;
box-shadow:0 4px 20px #0000004d;
border:1px solid #3c3c3c
}

.references-index-card h2 {
color:#bb86fc;
margin:0 0 20px;
font-size:24px;
text-align:center
}

.references-index-card h3 {
color:#bb86fc;
margin:25px 0 15px;
font-size:20px;
text-align:center
}

.references-index-section {
margin-bottom:20px
}

.references-index-section:last-child {
margin-bottom:0
}

.references-index-highlight {
background-color:#292929;
border:1px solid #3c3c3c;
border-radius:4px;
padding:15px;
margin:15px 0;
text-align:center
}

.references-index-highlight strong {
color:#bb86fc;
font-size:20px;
display:block
}

.references-index-text {
color:#e0e0e0;
line-height:1.6;
margin:10px 0;
text-align:center
}

.references-index-ref-info {
display:flex;
gap:15px;
margin-top:15px
}

.references-index-ref-box {
background-color:#292929;
border:1px solid #3c3c3c;
border-radius:4px;
padding:12px;
flex:1;
text-align:center
}

.references-index-ref-box strong {
color:#bb86fc;
font-size:16px;
display:block
}

.references-index-ref-box span {
color:#e0e0e0;
font-size:14px;
margin-top:5px;
display:block
}

.references-index-referral-list,.references-index-vendor-list {
display:grid;
gap:10px;
margin-top:15px
}

.references-index-referral-item {
background-color:#292929;
border:1px solid #3c3c3c;
border-radius:4px;
padding:12px;
text-align:center
}

.references-index-referral-item strong {
color:#bb86fc;
font-size:16px
}

.references-index-note,.references-index-vendor-empty {
color:silver;
font-size:14px;
font-style:italic;
text-align:center;
margin-top:10px
}

.references-index-vendor-note {
background-color:#292929;
border:1px solid #3c3c3c;
border-radius:4px;
padding:15px;
margin:15px 0;
text-align:center;
font-style:italic;
color:#a0a0a0;
font-size:14px
}

.references-index-form {
display:flex;
flex-direction:column;
align-items:center;
margin:20px 0;
gap:15px
}

.references-index-input-group {
width:100%;
max-width:400px
}

.references-index-input {
width:100%;
padding:12px 15px;
background-color:#292929;
border:1px solid #3c3c3c;
border-radius:4px;
color:#e0e0e0;
box-sizing:border-box;
transition:all .3s ease;
text-align:center
}

.references-index-input:focus {
outline:none;
border-color:#bb86fc
}

.references-index-button {
padding:12px 24px;
background-color:#bb86fc;
color:#121212;
border:none;
border-radius:4px;
font-weight:700;
cursor:pointer;
transition:all .3s ease;
text-transform:uppercase;
letter-spacing:1px;
margin-top:10px
}

.references-index-button:hover {
background-color:#96c;
transform:translateY(-2px)
}

.references-index-vendor-item {
background-color:#292929;
border:1px solid #3c3c3c;
border-radius:4px;
padding:15px;
display:flex;
justify-content:space-between;
align-items:center;
transition:all .3s ease
}

.references-index-vendor-info {
text-align:left
}

.references-index-vendor-name {
color:#bb86fc;
font-size:16px;
font-weight:700;
display:block
}

.references-index-vendor-id {
color:#a0a0a0;
font-size:14px;
margin-top:5px;
display:block
}

.references-index-remove-button {
background-color:#cf6679;
color:#121212;
border:none;
padding:8px 16px;
border-radius:4px;
font-weight:700;
cursor:pointer;
transition:all .3s ease
}

.references-index-remove-button:hover {
background-color:#b4464f;
transform:translateY(-2px)
}

.my-products-index-container {
max-width:1200px;
margin:20px auto 40px;
padding:0 20px
}

.my-products-index-card {
background-color:#1e1e1e;
border-radius:8px;
padding:30px;
box-shadow:0 4px 20px #0000004d;
border:1px solid #3c3c3c;
transition:all .3s ease;
margin-top:-20px
}

.my-products-index-header {
margin-bottom:30px;
padding-bottom:20px;
border-bottom:2px solid #bb86fc;
text-align:center
}

.my-products-index-header h1 {
color:#bb86fc;
font-size:32px;
margin:0
}

.my-products-index-empty {
text-align:center;
color:#a0a0a0;
font-size:18px;
padding:60px 0;
background-color:#292929;
border-radius:8px;
margin:20px 0
}

.my-products-index-empty p {
margin:0
}

.my-products-index-grid {
display:grid;
grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
gap:20px;
margin-top:20px
}

.my-products-index-product-card {
background-color:#292929;
border-radius:8px;
padding:20px;
transition:all .3s ease;
border:1px solid #3c3c3c;
display:flex;
flex-direction:column
}

.my-products-index-product-card:hover {
transform:translateY(-5px);
border-color:#bb86fc
}

.my-products-index-product-name {
font-size:20px;
font-weight:700;
margin:0 0 15px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
max-width:100%;
text-align:center
}

.my-products-index-product-name a {
color:#e0e0e0;
text-decoration:none;
transition:color .3s ease
}

.my-products-index-product-name a:hover {
color:#bb86fc
}

.my-products-index-product-type {
color:#e0e0e0;
font-size:14px;
margin:auto 0 15px;
display:inline-block;
padding:4px 12px;
border-radius:12px;
align-self:center;
font-weight:700
}

.my-products-index-product-type.cargo {
background-color:#CD853F;
color:#212121!important
}

.my-products-index-product-type.digital {
background-color:#004D40
}

.my-products-index-product-type.deaddrop {
background-color:#3D0814
}

.my-products-index-actions {
display:flex;
gap:10px;
margin-top:auto
}

.my-products-index-btn {
padding:8px 16px;
border-radius:4px;
font-weight:700;
text-decoration:none;
transition:all .3s ease;
cursor:pointer;
border:none;
display:inline-flex;
align-items:center;
gap:6px;
flex:1;
justify-content:center
}

.my-products-index-btn-edit {
background-color:#bb86fc;
color:#121212;
padding:6px 12px;
font-size:.9em
}

.my-products-index-btn-edit:hover {
background-color:#96c;
transform:translateY(-2px)
}

.my-products-index-btn-ad {
background-color:#ffc107;
color:#121212;
padding:8px 16px
}

.my-products-index-btn-ad:hover {
background-color:#e0a800;
transform:translateY(-2px);
box-shadow:0 4px 8px #0003
}

.my-products-index-btn-ad-disabled {
background-color:#997300;
color:#0a0a0a;
cursor:not-allowed;
pointer-events:none;
opacity:.9
}

.my-products-index-btn-ad-disabled:hover {
transform:none;
box-shadow:none;
background-color:#997300
}

.my-products-index-btn-delete {
background-color:transparent;
color:#ff3838;
border:1px solid #ff3838
}

.my-products-index-btn-delete:hover {
background-color:#ff3838;
color:#121212;
transform:translateY(-2px);
box-shadow:0 4px 8px #ff38384d
}

.all-products-index-container {
max-width:1200px;
margin:-20px auto 0;
padding:20px
}

.all-products-index-content {
background-color:#1e1e1e;
border-radius:8px;
padding:25px;
box-shadow:0 4px 20px #0000004d;
border:1px solid #3c3c3c
}

.all-products-index-header {
margin-bottom:25px;
text-align:center;
border-bottom:2px solid #bb86fc;
padding-bottom:15px
}

.all-products-index-title {
color:#bb86fc;
font-size:28px;
margin:0;
font-weight:700
}

.all-products-index-alert {
padding:15px;
border-radius:4px;
margin-bottom:20px;
background-color:#b71c1c;
color:#ffebee
}

.all-products-index-btn {
padding:10px 20px;
border-radius:4px;
font-weight:700;
cursor:pointer;
transition:all .3s ease;
border:none;
text-decoration:none
}

.all-products-index-btn:hover {
transform:translateY(-2px)
}

.all-products-index-table td {
padding:15px;
color:#e0e0e0;
text-align:center
}

.all-products-index-owner-badge {
display:inline-block;
padding:6px 16px;
border-radius:20px;
background-color:#292929;
color:#e0e0e0;
font-weight:500
}

.all-products-index-btn-edit {
background-color:#bb86fc;
color:#121212;
margin-right:8px;
font-size:.9em;
padding:8px 16px
}

.all-products-index-btn-edit:hover {
background-color:#96c
}

.all-products-index-btn-delete {
background-color:transparent;
color:#ff3838;
border:1px solid #ff3838;
font-size:.9em;
padding:8px 16px
}

.all-products-index-btn-delete:hover {
background-color:#ff3838;
color:#121212
}

.all-products-index-empty {
text-align:center;
padding:40px;
background-color:#292929;
border-radius:8px;
color:#a0a0a0
}

.all-products-index-table-container {
overflow-x:auto;
margin-bottom:-20px;
margin-top:10px
}

.all-products-index-table {
width:100%;
border-collapse:separate;
border-spacing:0 8px
}

.all-products-index-table th {
background-color:#292929;
color:#bb86fc;
font-weight:700;
padding:15px;
text-align:center;
text-transform:uppercase
}

.all-products-index-table tr {
background-color:#292929
}

.all-products-index-table td {
padding:15px;
color:#e0e0e0
}

.all-products-index-product-link {
color:#e0e0e0;
text-decoration:none;
transition:color .3s ease
}

.all-products-index-product-link:hover {
color:#96c
}

.all-products-index-type-badge {
display:inline-block;
padding:6px 16px;
border-radius:20px;
font-size:.85em;
font-weight:700
}

.all-products-index-type-badge-digital {
background-color:#004D40;
color:#e0e0e0
}

.all-products-index-type-badge-cargo {
background-color:#CD853F;
color:#212121
}

.all-products-index-type-badge-deaddrop {
background-color:#3D0814;
color:#e0e0e0
}

.all-products-index-pagination {
display:flex;
justify-content:center;
margin-top:20px
}

.all-products-index-actions {
display:flex;
gap:8px;
justify-content:center
}

.notifications-container {
max-width:900px;
margin:20px auto;
padding:0 20px
}

.notifications-header {
text-align:center;
margin-bottom:30px;
padding-bottom:15px;
border-bottom:2px solid #bb86fc
}

.notifications-title {
color:#bb86fc;
font-size:28px;
font-weight:700;
margin-bottom:10px
}

.notifications-card {
background-color:#1e1e1e;
border-radius:12px;
padding:30px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #3c3c3c;
margin-bottom:30px;
margin-top:-20px
}

.notifications-empty {
text-align:center;
padding:40px;
color:#a0a0a0;
font-size:18px;
background-color:#292929;
border-radius:8px;
margin:20px 0
}

.notifications-list {
display:flex;
flex-direction:column;
gap:15px
}

.notifications-item {
background-color:#292929;
border-radius:8px;
padding:20px;
transition:all .3s ease;
border:1px solid #3c3c3c
}

.notifications-item:hover {
transform:translateY(-2px);
border-color:#bb86fc
}

.notifications-item-title {
color:#bb86fc;
font-size:18px;
font-weight:700;
margin-bottom:10px;
margin-top:0px
}

.notifications-item-message {
color:#e0e0e0;
font-size:15px;
line-height:1.5;
margin-bottom:15px
}

.notifications-item-footer {
display:flex;
justify-content:space-between;
align-items:center;
padding-top:15px;
border-top:1px solid #3c3c3c
}

.notifications-item-status {
display:flex;
align-items:center;
gap:10px
}

.notifications-read-badge {
display:inline-block;
padding:5px 10px;
border-radius:20px;
font-size:14px;
font-weight:700;
background-color:#4caf50;
color:#121212
}

.notifications-time {
color:#a0a0a0;
font-size:14px
}

.notifications-actions {
display:flex;
gap:10px
}

.notifications-btn {
padding:8px 16px;
border-radius:6px;
font-weight:700;
border:none;
cursor:pointer;
transition:all .3s ease;
font-size:14px
}

.notifications-btn-read {
background-color:#bb86fc;
color:#121212
}

.notifications-btn-read:hover {
background-color:#96c;
transform:translateY(-2px)
}

.notifications-btn-delete {
background-color:transparent;
color:#cf6679;
border:1px solid #cf6679
}

.notifications-btn-delete:hover {
background-color:#cf6679;
color:#121212;
transform:translateY(-2px)
}

.notifications-pagination {
margin-top:20px;
display:flex;
justify-content:center
}

.cart-index-container {
max-width:1200px;
margin:20px auto;
padding:0 20px
}

.cart-index-breadcrumb {
display:flex;
align-items:center;
gap:10px;
margin-bottom:25px
}

.cart-index-breadcrumb a {
color:#bb86fc;
text-decoration:none;
transition:all .3s ease
}

.cart-index-breadcrumb a:hover {
color:#96c;
transform:translateY(-2px)
}

.cart-index-breadcrumb span {
color:#e0e0e0
}

.cart-index-empty-card {
background-color:#1e1e1e;
border-radius:12px;
padding:40px;
text-align:center;
border:1px solid #3c3c3c;
box-shadow:0 6px 25px #0000004d
}

.cart-index-empty-title {
color:#bb86fc;
font-size:28px;
margin-bottom:15px;
font-weight:700
}

.cart-index-empty-text {
color:#a0a0a0;
font-size:16px;
margin-bottom:25px
}

.cart-index-browse-btn {
display:inline-block;
background-color:#bb86fc;
color:#121212;
padding:12px 24px;
border-radius:8px;
text-decoration:none;
font-weight:700;
transition:all .3s ease;
text-transform:uppercase;
letter-spacing:1px
}

.cart-index-browse-btn:hover {
background-color:#96c;
transform:translateY(-2px)
}

.cart-index-main-card {
background-color:#1e1e1e;
border-radius:12px;
overflow:hidden;
border:1px solid #3c3c3c;
display:flex;
flex-direction:column;
gap:15px;
padding:15px 0;
box-shadow:0 6px 25px #0000004d
}

.cart-index-bottom-row {
display:flex;
justify-content:center;
gap:30px;
padding:0 15px;
margin-top:15px
}

.cart-index-item {
background-color:#292929;
margin:0 15px;
border-radius:8px;
padding:20px;
display:flex;
gap:20px
}

.cart-index-item-image {
width:120px;
height:120px;
border-radius:8px;
overflow:hidden;
border:2px solid #3c3c3c
}

.cart-index-item-image img {
width:100%;
height:100%;
object-fit:cover
}

.cart-index-item-details {
flex-grow:1
}

.cart-index-item-header {
display:flex;
justify-content:space-between;
align-items:flex-start;
margin-bottom:15px
}

.cart-index-item-title {
color:#e0e0e0;
font-size:18px;
font-weight:700;
margin:0
}

.cart-index-item-vendor {
color:#bb86fc;
font-size:14px;
margin-top:5px
}

.cart-index-item-price {
text-align:right
}

.cart-index-price-fiat {
color:#bb86fc;
font-size:20px;
font-weight:700
}

.cart-index-price-crypto {
color:#a0a0a0;
font-size:14px;
margin-top:5px
}

.cart-index-item-controls {
display:flex;
flex-wrap:wrap;
gap:15px;
align-items:center;
margin-top:15px
}

.cart-index-quantity-form {
display:flex;
align-items:center;
gap:10px
}

.cart-index-quantity-label {
color:#e0e0e0;
font-size:14px
}

.cart-index-quantity-input {
width:80px;
padding:8px;
background-color:#1e1e1e;
border:1px solid #3c3c3c;
border-radius:4px;
color:#e0e0e0;
text-align:center;
transition:all .3s ease
}

.cart-index-quantity-input:hover {
border-color:#bb86fc
}

.cart-index-quantity-input:focus {
outline:none;
border-color:#bb86fc
}

.cart-index-update-btn {
background-color:#bb86fc;
color:#121212;
padding:8px 16px;
border:none;
border-radius:4px;
font-weight:700;
cursor:pointer;
transition:all .3s ease
}

.cart-index-update-btn:hover {
background-color:#96c;
transform:translateY(-2px)
}

.cart-index-option-badge {
background-color:#1e1e1e;
color:#e0e0e0;
padding:6px 12px;
border-radius:15px;
font-size:14px;
border:1px solid #3c3c3c
}

.cart-index-remove-btn {
color:#cf6679;
background:none;
border:none;
cursor:pointer;
font-size:14px;
padding:6px 12px;
transition:all .3s ease
}

.cart-index-remove-btn:hover {
color:#ff4d6b;
transform:translateY(-2px)
}

.cart-index-bulk-badge {
background-color:#1e1e1e;
color:#e0e0e0;
padding:6px 12px;
border-radius:15px;
font-size:14px;
border:1px solid #3c3c3c;
white-space:nowrap
}

.cart-index-additional-controls {
display:flex;
gap:15px;
margin-top:8px;
min-width:300px;
align-items:center;
padding-left:174px
}

.cart-index-additional-controls--with-bulk {
padding-left:219px
}

.cart-index-remove-form {
width:80px;
flex-shrink:0
}

.cart-index-message-container {
width:45%;
background-color:#292929;
padding:25px;
border-radius:8px;
border-top:2px solid #bb86fc;
display:flex;
flex-direction:column;
height:150px
}

.cart-index-message-form {
display:flex;
flex-direction:column;
gap:15px;
height:100%
}

.cart-index-message-label {
color:#e0e0e0;
font-size:16px;
font-weight:700;
margin-bottom:5px
}

.cart-index-message-textarea {
width:94%;
flex:1;
min-height:36px;
padding:12px 15px;
background-color:#1e1e1e;
border:1px solid #3c3c3c;
border-radius:8px;
color:#e0e0e0;
font-size:15px;
resize:none;
transition:all .3s ease;
overflow-y:auto
}

.cart-index-message-textarea:focus {
outline:none;
border-color:#bb86fc
}

.cart-index-message-button {
background-color:#bb86fc;
color:#121212;
padding:12px;
border:none;
border-radius:8px;
font-weight:700;
cursor:pointer;
transition:all .3s ease;
text-transform:uppercase;
letter-spacing:1px;
margin-top:auto
}

.cart-index-message-button:hover {
background-color:#96c;
transform:translateY(-2px)
}

.cart-index-message-encrypted {
background-color:#1e1e1e;
border-radius:8px;
padding:15px;
height:100%
}

.cart-index-message-encrypted textarea {
width:95%;
height:calc(80% - 30px);
margin-top:10px;
padding:12px;
background-color:#292929;
border:1px solid #3c3c3c;
border-radius:8px;
color:#e0e0e0;
font-size:14px;
resize:none;
overflow-y:auto;
transition:all .3s ease
}

.cart-index-message-encrypted textarea:hover {
border-color:#bb86fc
}

.cart-index-message-encrypted textarea:focus {
outline:none;
border-color:#bb86fc
}

.cart-index-summary {
width:45%;
background-color:#292929;
padding:25px;
border-radius:8px;
border-top:2px solid #bb86fc;
height:150px;
display:flex;
flex-direction:column;
justify-content:space-between
}

.cart-index-total {
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:25px
}

.cart-index-total-label {
color:#e0e0e0;
font-size:20px;
font-weight:700
}

.cart-index-total-amount {
text-align:right
}

.cart-index-total-fiat {
color:#bb86fc;
font-size:24px;
font-weight:700
}

.cart-index-total-crypto {
color:#a0a0a0;
font-size:16px;
margin-top:5px
}

.cart-index-actions {
display:flex;
gap:15px
}

.cart-index-clear-btn {
flex:1;
background-color:#cf6679;
color:#121212;
padding:12px;
border:none;
border-radius:8px;
font-weight:700;
cursor:pointer;
transition:all .3s ease;
text-transform:uppercase;
letter-spacing:1px
}

.cart-index-clear-btn:hover {
background-color:#b4464f;
transform:translateY(-2px)
}

.cart-index-checkout-btn {
flex:2;
background-color:#4caf50;
color:#121212;
padding:12px;
border:none;
border-radius:8px;
font-weight:700;
text-decoration:none;
text-align:center;
transition:all .3s ease;
text-transform:uppercase;
letter-spacing:1px
}

.cart-index-checkout-btn:hover {
background-color:#45a049;
transform:translateY(-2px)
}

.products-common-create-upload-wrapper {
margin-bottom:8px
}

.products-common-create-container {
max-width:900px;
margin:20px auto;
padding:0 20px
}

.products-common-create-card {
background-color:#1e1e1e;
border-radius:12px;
padding:30px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #3c3c3c;
margin-top:-20px
}

.products-common-create-content {
width:100%
}

.products-common-create-title {
color:#bb86fc;
font-size:28px;
margin-bottom:30px;
text-align:center;
font-weight:700
}

.products-common-create-form {
display:flex;
flex-direction:column;
gap:20px
}

.products-common-create-section {
margin-bottom:20px
}

.products-common-create-section-title {
color:#bb86fc;
font-size:20px;
margin-bottom:15px;
font-weight:700
}

.products-common-create-section-desc {
color:#a0a0a0;
font-size:14px;
margin-bottom:20px
}

.products-common-create-field {
margin-bottom:15px
}

.products-common-create-label {
display:block;
color:#e0e0e0;
font-size:14px;
font-weight:600;
margin-bottom:8px
}

.products-common-create-input,.products-common-create-select,.products-common-create-textarea {
width:96%;
padding:12px 15px;
background-color:#292929;
border:1px solid #3c3c3c;
border-radius:8px;
color:#e0e0e0;
font-size:15px;
transition:all .3s ease
}

.products-common-create-input:focus,.products-common-create-select:focus,.products-common-create-textarea:focus {
outline:none;
border-color:#bb86fc;
box-shadow:0 0 0 2px #bb86fc1a
}

.products-common-create-textarea {
min-height:120px;
resize:vertical
}

.products-common-create-file-btn {
display:inline-block;
padding:10px 20px;
background-color:#bb86fc;
color:#121212;
border-radius:6px;
font-weight:700;
cursor:pointer;
transition:all .3s ease;
text-transform:uppercase;
font-size:12px;
letter-spacing:1px
}

.products-common-create-container input[type="file"].hidden {
display:none!important
}

.products-common-create-file-btn:hover {
background-color:#96c;
transform:translateY(-2px)
}

.products-common-create-help-text {
color:#a0a0a0;
font-size:12px;
margin-top:8px
}

.products-common-create-price-wrapper {
position:relative;
display:flex;
align-items:center;
background-color:#292929;
border:1px solid #3c3c3c;
border-radius:8px;
transition:all .3s ease
}

.products-common-create-price-wrapper:focus-within {
border-color:#bb86fc;
box-shadow:0 0 0 2px #bb86fc1a
}

.products-common-create-price-symbol {
padding:12px 15px;
color:#bb86fc;
font-weight:600;
border-right:1px solid #3c3c3c
}

.products-common-create-price-input {
flex:1;
border:none!important;
background:transparent!important;
padding:12px 15px!important;
color:#e0e0e0;
font-size:15px;
outline:none;
width:auto!important
}

.products-common-create-shipping-grid {
display:grid;
grid-template-columns:repeat(2,1fr);
gap:20px
}

.products-common-create-option-card {
background-color:#292929;
border-radius:8px;
padding:15px;
margin-bottom:12px;
border:1px solid #3c3c3c;
transition:all .3s ease
}

.products-common-create-option-card:hover {
border-color:#bb86fc;
transform:translateY(-2px)
}

.products-common-create-option-title {
color:#bb86fc;
font-size:16px;
margin-bottom:15px;
font-weight:600
}

.products-common-create-submit-wrapper {
display:flex;
justify-content:center;
margin-top:20px
}

.products-common-create-submit-btn {
background-color:#bb86fc;
color:#121212;
padding:14px 30px;
border:none;
border-radius:8px;
font-size:16px;
font-weight:700;
cursor:pointer;
transition:all .3s ease;
text-transform:uppercase;
letter-spacing:1px;
min-width:250px
}

.products-common-create-submit-btn:hover {
background-color:#96c;
transform:translateY(-2px)
}

.admin-pop-up-index-container {
max-width:1200px;
margin:20px auto;
padding:0 20px
}

.admin-pop-up-index-card {
background-color:#1e1e1e;
border:1px solid #3c3c3c;
border-radius:12px;
padding:25px;
box-shadow:0 6px 25px #0000004d;
margin-top:-24px
}

.admin-pop-up-index-header {
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:25px;
padding-bottom:15px;
border-bottom:2px solid #bb86fc
}

.admin-pop-up-index-title {
color:#bb86fc;
font-size:28px;
font-weight:700;
margin:0
}

.admin-pop-up-index-create-btn {
background-color:#bb86fc;
color:#121212;
padding:12px 24px;
border-radius:8px;
text-decoration:none;
font-weight:700;
transition:all .3s ease;
text-transform:uppercase;
letter-spacing:1px
}

.admin-pop-up-index-create-btn:hover {
background-color:#96c;
transform:translateY(-2px)
}

.admin-pop-up-index-table {
width:100%;
border-collapse:separate;
border-spacing:0 8px
}

.admin-pop-up-index-table th {
background-color:#292929;
color:#bb86fc;
font-weight:700;
padding:15px;
text-align:center;
text-transform:uppercase;
font-size:.9em
}

.admin-pop-up-index-table tr {
background-color:#292929
}

.admin-pop-up-index-table td {
padding:15px;
color:#e0e0e0;
text-align:center
}

.admin-pop-up-index-status-badge {
display:inline-block;
padding:6px 12px;
border-radius:20px;
font-weight:700;
font-size:.85em;
color:#121212;
text-transform:uppercase
}

.admin-pop-up-index-status-active {
background:#4caf50
}

.admin-pop-up-index-status-inactive {
background:#9e9e9e
}

.admin-pop-up-index-actions {
display:flex;
gap:.75rem;
flex-wrap:wrap;
justify-content:center
}

.admin-pop-up-index-action-btn {
padding:.5rem 1rem;
border-radius:6px;
font-size:.875rem;
transition:all .3s ease;
display:inline-flex;
align-items:center;
gap:.5rem;
border:none;
font-weight:600;
cursor:pointer
}

.admin-pop-up-index-action-activate {
background-color:#4caf50;
color:#121212
}

.admin-pop-up-index-action-activate:hover {
background-color:#45a049;
transform:translateY(-2px)
}

.admin-pop-up-index-action-delete {
background-color:transparent;
color:#ff3838;
border:1px solid #ff3838;
font-size:.9em;
padding:8px 16px
}

.admin-pop-up-index-action-delete:hover {
background-color:#ff3838;
color:#121212
}

.bulk-message-list-empty {
text-align:center;
padding:40px;
color:#a0a0a0;
font-size:18px;
background-color:#292929;
border-radius:8px
}

.admin-pop-up-index-pagination {
padding:1.5rem;
border-top:1px solid #3c3c3c;
display:flex;
justify-content:center
}

.admin-pop-up-create-container {
max-width:800px;
margin:1rem auto;
padding:0 20px
}

.admin-pop-up-create-card {
background:#1e1e1e;
border:1px solid #3c3c3c;
border-radius:12px;
box-shadow:0 4px 20px #0000004d;
overflow:hidden
}

.admin-pop-up-create-header {
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:15px;
padding:1rem 2rem;
border-bottom:2px solid #bb86fc
}

.admin-pop-up-create-title {
color:#bb86fc;
font-size:28px;
font-weight:700;
margin:0
}

.admin-pop-up-create-back-btn {
background-color:#bb86fc;
color:#121212;
padding:12px 24px;
border-radius:8px;
text-decoration:none;
font-weight:700;
transition:all .3s ease;
text-transform:uppercase;
letter-spacing:1px
}

.admin-pop-up-create-back-btn:hover {
background-color:#96c;
transform:translateY(-2px)
}

.admin-pop-up-create-btn-container {
display:flex;
justify-content:center;
margin-top:1rem
}

.admin-pop-up-create-body {
padding:1.5rem
}

.admin-pop-up-create-input {
width:96%;
padding:10px 15px;
background:#292929;
border:1px solid #3c3c3c;
border-radius:8px;
color:#e0e0e0;
transition:all .3s ease
}

.admin-pop-up-create-input:focus {
border-color:#bb86fc;
box-shadow:0 0 0 2px #bb86fc1a;
outline:none
}

.admin-pop-up-create-label {
display:block;
color:#e0e0e0;
margin-bottom:6px;
font-weight:600
}

.admin-pop-up-create-textarea {
min-height:120px;
resize:vertical
}

.admin-pop-up-create-switch {
position:relative;
width:52px;
height:26px;
margin:.5rem 0
}

.admin-pop-up-create-switch input {
opacity:0;
width:0;
height:0
}

.admin-pop-up-create-slider {
position:absolute;
cursor:pointer;
top:0;
left:0;
right:0;
bottom:0;
background-color:#292929;
transition:.4s;
border-radius:34px;
border:2px solid #3c3c3c
}

.admin-pop-up-create-slider:before {
position:absolute;
content:"";
height:18px;
width:18px;
left:2px;
bottom:2px;
background-color:#e0e0e0;
transition:.4s;
border-radius:50%
}

.admin-pop-up-create-switch input:checked + .admin-pop-up-create-slider {
background-color:#bb86fc;
border-color:#bb86fc
}

.admin-pop-up-create-switch input:checked + .admin-pop-up-create-slider:before {
transform:translateX(26px);
background-color:#1e1e1e
}

.admin-pop-up-create-toggle-group {
display:flex;
align-items:center;
gap:1rem;
margin:1rem 0 .5rem
}

.admin-pop-up-create-note {
color:#a0a0a0;
font-size:.9rem
}

.admin-pop-up-create-submit {
background:#bb86fc;
color:#121212;
padding:12px 24px;
border:none;
border-radius:8px;
font-weight:700;
cursor:pointer;
transition:all .3s ease;
text-transform:uppercase;
letter-spacing:1px;
margin-top:1rem
}

.admin-pop-up-create-submit:hover {
background:#96c;
transform:translateY(-2px)
}

.admin-pop-up-create-title-field {
margin-bottom:1.5rem
}

.pop-up-container {
position:fixed;
inset:0;
background:#121212f2;
backdrop-filter:blur(8px);
display:none;
place-items:center;
z-index:1000
}

.pop-up-card {
background:#1e1e1e;
border:2px solid #bb86fc;
border-radius:12px;
padding:2rem;
max-width:500px;
width:90%;
box-shadow:0 8px 32px #0000004d;
position:relative
}

.pop-up-title {
color:#bb86fc;
font-size:1.5rem;
margin-bottom:1.5rem;
text-transform:uppercase;
letter-spacing:1px;
text-align:center
}

.pop-up-content {
color:#e0e0e0;
line-height:1.6;
margin-bottom:2rem;
font-size:.95rem;
text-align:center
}

.pop-up-button-container {
text-align:center
}

.pop-up-close-btn {
background:#bb86fc;
color:#121212;
padding:.75rem 1.5rem;
border:none;
border-radius:6px;
font-weight:700;
cursor:pointer;
transition:all .3s ease;
text-transform:uppercase;
letter-spacing:1px;
display:inline-block;
margin:0 auto;
text-align:center;
width:auto
}

.pop-up-close-btn:hover {
background:#96c;
transform:translateY(-2px)
}

#pop-up-toggle {
display:none
}

#pop-up-toggle:checked ~ .pop-up-container {
display:grid
}

.products-show-container {
max-width:1100px;
margin:0 auto;
padding:20px
}

.products-show-main {
background-color:#1e1e1e;
border-radius:12px;
padding:10px 30px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #3c3c3c;
margin-top:-30px
}

.products-show-header {
text-align:center;
margin-bottom:20px
}

.products-show-title {
color:#e0e0e0;
font-size:28px;
margin-bottom:8px
}

.products-show-divider {
height:2px;
background-color:#bb86fc;
margin:0 auto;
width:100%
}

.products-show-columns {
display:grid;
grid-template-columns:1fr 1.6fr 1fr;
gap:30px;
margin-bottom:20px
}

.products-show-column {
min-height:400px
}

.products-show-column-left {
background-color:#292929;
border-radius:8px;
border:1px solid #3c3c3c
}

.products-show-column-center {
display:flex;
flex-direction:column
}

.products-show-gallery {
position:relative;
border-radius:8px;
overflow:hidden
}

.products-show-slider {
width:100%;
text-align:center
}

.products-show-slides {
display:flex;
overflow-x:hidden;
scroll-behavior:smooth;
-webkit-overflow-scrolling:touch;
scroll-snap-type:x mandatory
}

.products-show-slides > div {
scroll-snap-align:start;
flex-shrink:0;
width:100%;
position:relative
}

.products-show-gallery-image {
width:100%;
height:auto;
max-height:460px;
object-fit:contain
}

.products-show-slider-navigation {
display:flex;
gap:12px;
justify-content:center;
padding:6px;
margin-top:12px
}

.products-show-image-button {
width:30px;
height:30px;
border-radius:50%;
background-color:#292929;
border:2px solid #bb86fc;
color:#e0e0e0;
font-weight:700;
text-decoration:none;
transition:all .3s ease;
display:flex;
align-items:center;
justify-content:center
}

.products-show-image-button:hover {
background-color:#bb86fc;
color:#121212;
transform:translateY(-2px)
}

.products-show-image-button:active {
transform:translateY(0)
}

.products-show-image-button:focus {
background-color:#bb86fc;
color:#121212;
outline:none
}

.products-show-column-right {
background-color:#292929;
border-radius:8px;
padding:20px;
border:1px solid #3c3c3c
}

.products-show-details {
display:flex;
flex-direction:column
}

.products-show-price {
text-align:center;
margin-bottom:8px
}

.products-show-price-fiat {
display:block;
color:#bb86fc;
font-size:32px;
font-weight:700
}

.products-show-price-monero {
display:block;
color:#a0a0a0;
font-size:18px;
margin-top:5px
}

.products-show-info {
display:flex;
flex-direction:column;
gap:4px
}

.products-show-info > div {
color:#e0e0e0;
padding:10px
}

.products-show-info span {
color:#bb86fc;
font-weight:700
}

.products-show-type {
display:flex;
align-items:center;
justify-content:space-between
}

.products-show-badge {
display:inline-block;
padding:5px 15px;
border-radius:20px;
font-size:14px;
font-weight:700;
color:#e0e0e0!important
}

.products-show-badge-digital {
background-color:#004D40
}

.products-show-badge-cargo {
background-color:#CD853F;
color:#212121!important
}

.products-show-badge-deaddrop {
background-color:#3D0814
}

.products-show-badge-category {
background-color:#1976D2;
color:#121212!important
}

.products-show-wishlist {
text-align:center;
margin:20px 0
}

.products-show-wishlist-button {
padding:12px 30px;
border-radius:8px;
font-weight:700;
border:none;
cursor:pointer;
transition:all .3s ease
}

.products-show-wishlist-add {
background-color:#bb86fc;
color:#121212
}

.products-show-wishlist-add:hover {
background-color:#96c;
transform:translateY(-2px)
}

.products-show-wishlist-remove {
background-color:#cf6679;
color:#121212
}

.products-show-wishlist-remove:hover {
background-color:#b4464f;
transform:translateY(-2px)
}

.products-show-cart-section {
width:80%;
margin:20px auto 10px;
background-color:#292929;
border-radius:8px;
padding:25px;
border:1px solid #3c3c3c
}

.products-show-cart-grid {
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:20px;
margin-bottom:20px
}

.products-show-cart-field {
display:flex;
flex-direction:column;
gap:8px
}

.products-show-cart-field label {
color:#e0e0e0;
font-weight:700;
text-align:center
}

.products-show-cart-field select,.products-show-cart-field input {
padding:10px;
background-color:#1e1e1e;
border:1px solid #3c3c3c;
border-radius:4px;
color:#e0e0e0;
transition:all .3s ease
}

.products-show-cart-field select:focus,.products-show-cart-field input:focus {
border-color:#bb86fc;
outline:none
}

.products-show-cart-button {
width:25%;
display:block;
margin:0 auto;
padding:15px;
background-color:#4caf50;
color:#121212;
border:none;
border-radius:8px;
font-weight:700;
cursor:pointer;
transition:all .3s ease
}

.products-show-cart-button:hover {
background-color:#45a049;
transform:translateY(-2px)
}

.products-show-description {
background-color:#292929;
border-radius:8px;
padding:0 16px 16px;
margin-top:20px;
margin-bottom:10px;
border:1px solid #3c3c3c
}

.products-show-description h2 {
color:#bb86fc;
font-size:24px;
margin:6px;
padding:10px 0;
text-align:center;
position:relative
}

.products-show-description-content {
color:#e0e0e0;
line-height:1.6;
text-align:center;
margin-top:5px
}

.products-show-own-product {
background-color:#b71c1c;
color:#ffebee;
padding:15px;
border-radius:8px;
margin:-10px 0;
text-align:center
}

.products-show-vacation-notice {
background-color:#1e1e1e;
border-radius:12px;
padding:30px;
text-align:center;
border:1px solid #3c3c3c;
margin-bottom:30px
}

.products-show-vacation-notice h2 {
color:#bb86fc;
font-size:24px;
margin-bottom:15px
}

.products-show-vacation-notice p {
color:#e0e0e0
}

.products-show-shipping {
padding:10px;
border-bottom:1px solid #3c3c3c
}

.products-show-shipping-badge {
display:flex;
flex-direction:column;
align-items:center;
background-color:#4A3B6B;
border:1px solid #4A3B6B;
border-radius:8px;
padding:8px 16px;
color:#e0e0e0;
text-align:center;
box-shadow:0 2px 8px #0000001a
}

.products-show-shipping-from {
font-size:14px;
font-weight:700;
color:#e0e0e0
}

.products-show-shipping-to {
font-size:14px;
font-weight:700;
color:#e0e0e0
}

.products-show-shipping-arrow {
font-size:24px;
color:#e0e0e0;
margin:2px 0
}

.products-show-stock {
text-align:center;
padding:10px;
border-bottom:1px solid #3c3c3c
}

.products-show-badge-stock {
display:inline-block;
padding:8px 16px;
border-radius:20px;
font-size:14px;
font-weight:700;
color:#e0e0e0;
background-color:#D70040;
text-align:center;
margin:0 auto
}

.products-show-avatar-username {
display:flex;
align-items:center;
justify-content:center;
padding:10px
}

.products-show-avatar {
width:80px;
height:80px;
border-radius:50%;
overflow:hidden;
border:3px solid #bb86fc
}

.products-show-avatar img {
width:100%;
height:100%;
object-fit:cover
}

.products-show-username {
background-color:#3c3c3c;
border-radius:30px;
padding:8px 20px;
margin-left:15px
}

.products-show-username-link {
color:#bb86fc;
font-size:16px;
font-weight:700;
text-decoration:none!important;
display:inline-block;
transition:all .2s ease
}

.products-show-username-link:hover {
color:#d0a4ff;
transform:translateY(-1px)
}

.products-show-vendor-button-container {
text-align:center
}

.products-show-vendor-button {
display:inline-block;
background-color:#bb86fc;
color:#121212;
padding:12px 24px;
border-radius:8px;
text-decoration:none;
font-weight:700;
transition:all .3s ease
}

.products-show-vendor-button:hover {
background-color:#96c;
transform:translateY(-2px)
}

.products-show-reviews {
background-color:#292929;
border-radius:8px;
padding:20px;
margin-top:20px;
margin-bottom:10px;
border:1px solid #3c3c3c
}

.products-show-reviews-title {
color:#bb86fc;
font-size:24px;
margin-bottom:20px;
text-align:center;
position:relative
}

.products-show-reviews-list {
display:flex;
flex-direction:column;
gap:15px
}

.products-show-review-item {
background-color:#1e1e1e;
border-radius:8px;
padding:15px;
border:1px solid #3c3c3c
}

.products-show-review-header {
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:12px;
padding-bottom:8px;
border-bottom:1px solid #3c3c3c
}

.products-show-review-user {
display:flex;
align-items:center;
gap:10px
}

.products-show-review-avatar {
width:40px;
height:40px;
border-radius:50%;
overflow:hidden;
border:2px solid #bb86fc
}

.products-show-review-avatar img {
width:100%;
height:100%;
object-fit:cover
}

.products-show-review-username {
color:#bb86fc;
font-weight:700;
font-size:16px
}

.products-show-review-meta {
display:flex;
align-items:center;
gap:15px
}

.products-show-review-date {
color:#a0a0a0;
font-size:14px
}

.products-show-review-sentiment {
padding:4px 12px;
border-radius:20px;
font-size:14px;
font-weight:700
}

.products-show-review-sentiment-positive {
background-color:#4caf50;
color:#121212
}

.products-show-review-sentiment-mixed {
background-color:#ffc107;
color:#121212
}

.products-show-review-sentiment-negative {
background-color:#ff3838;
color:#121212
}

.products-show-review-content {
color:#e0e0e0;
font-size:15px;
line-height:1.5;
margin-top:5px
}

.products-show-review-stats {
padding:15px
}

.products-show-review-stats-header {
color:#bb86fc;
font-size:20px;
margin-bottom:15px;
text-align:center
}

.products-show-review-percentage {
text-align:center;
margin-bottom:20px
}

.products-show-review-percentage-value {
font-size:36px;
font-weight:700;
color:#bb86fc
}

.products-show-review-percentage-label {
display:block;
color:#a0a0a0;
font-size:14px;
margin-top:5px
}

.products-show-review-counts {
display:grid;
grid-template-columns:repeat(2,1fr);
gap:10px
}

.products-show-review-count-item {
display:flex;
justify-content:space-between;
padding:8px 10px;
border-bottom:1px solid #3c3c3c
}

.products-show-review-count-label {
color:#a0a0a0
}

.products-show-review-count-value {
color:#e0e0e0;
font-weight:700
}

.products-show-review-empty {
text-align:center;
color:#a0a0a0;
font-style:italic
}

.products-show-message-to-vendor {
text-align:center;
padding:15px;
border-top:1px solid #3c3c3c
}

.products-show-message-to-vendor-button {
display:inline-block;
background-color:#03DAC6;
color:#121212;
padding:12px 24px;
border-radius:8px;
text-decoration:none;
font-weight:700;
transition:all .3s ease;
width:84%;
box-sizing:border-box
}

.products-show-message-to-vendor-button:hover {
background-color:#018786;
transform:translateY(-2px)
}

.products-show-vendor-policy-section {
max-width:1100px;
margin:10px auto;
padding:0 20px
}

.products-show-vendor-policy-container {
background-color:#1e1e1e;
border-radius:12px;
padding:25px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #3c3c3c
}

.products-show-vendor-policy-container h2 {
color:#bb86fc;
font-size:24px;
margin-top:0;
margin-bottom:20px;
text-align:center;
padding-bottom:10px;
border-bottom:2px dashed #bb86fc
}

.products-show-vendor-policy-content {
background-color:#292929;
border-radius:8px;
padding:20px;
border:1px solid #3c3c3c;
color:#e0e0e0;
line-height:1.6;
text-align:center
}

.cart-checkout-container {
max-width:1200px;
margin:20px auto;
padding:0 20px
}

.cart-checkout-breadcrumb {
display:flex;
align-items:center;
gap:10px;
margin-bottom:25px
}

.cart-checkout-breadcrumb a {
color:#bb86fc;
text-decoration:none;
transition:all .3s ease
}

.cart-checkout-breadcrumb a:hover {
color:#96c;
transform:translateY(-2px)
}

.cart-checkout-breadcrumb span {
color:#e0e0e0!important
}

.cart-checkout-card {
background-color:#1e1e1e;
border-radius:12px;
padding:30px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #3c3c3c
}

.cart-checkout-title {
color:#bb86fc;
font-size:28px;
margin-bottom:0;
text-align:center;
font-weight:700
}

.cart-checkout-content {
display:flex;
gap:30px
}

.cart-checkout-order-details {
flex:1
}

.cart-checkout-header {
display:flex;
align-items:baseline;
gap:10px;
margin-bottom:20px
}

.cart-checkout-subtitle {
color:#bb86fc;
font-size:20px;
margin:0;
font-weight:700
}

.cart-checkout-vendor-badge {
background-color:#FF4500;
color:#121212;
font-weight:700;
padding:4px 12px;
border-radius:16px;
font-size:14px;
position:relative;
top:2px
}

.cart-checkout-items {
display:flex;
flex-direction:column;
gap:10px
}

.cart-checkout-item {
background-color:#292929;
border-radius:8px;
padding:20px;
border:1px solid #3c3c3c
}

.cart-checkout-item-details {
display:flex;
justify-content:space-between;
align-items:flex-start
}

.cart-checkout-item-info {
flex:1
}

.cart-checkout-item-name {
color:#e0e0e0;
font-size:18px;
font-weight:700;
margin-bottom:5px
}

.cart-checkout-item-vendor {
display:none
}

.cart-checkout-item-bulk {
color:#bb86fc;
font-size:14px;
margin-top:5px
}

.cart-checkout-item-quantity {
color:#a0a0a0;
font-size:14px;
margin-top:5px
}

.cart-checkout-item-price {
text-align:right
}

.cart-checkout-price-fiat {
color:#bb86fc;
font-size:20px;
font-weight:700
}

.cart-checkout-price-crypto {
color:#a0a0a0;
font-size:14px;
margin-top:5px
}

.cart-checkout-message-section {
margin:0 auto;
width:76%;
max-width:800px;
padding:20px;
background-color:#292929;
border-radius:8px;
border:1px solid #3c3c3c;
box-sizing:border-box
}

.cart-checkout-message-encrypted {
display:flex;
flex-direction:column;
gap:10px
}

.cart-checkout-message-encrypted textarea:hover {
border-color:#bb86fc
}

.cart-checkout-message-encrypted textarea:focus {
outline:none;
border-color:#bb86fc
}

.cart-checkout-message-label {
color:#e0e0e0;
text-align:center;
font-size:14px
}

.cart-checkout-message-content {
width:94%;
min-height:120px;
padding:15px;
background-color:#1e1e1e;
border:1px solid #3c3c3c;
border-radius:8px;
color:#e0e0e0;
font-family:monospace;
font-size:12px;
line-height:1.4;
resize:vertical;
transition:all .3s ease
}

.cart-checkout-empty {
color:#a0a0a0;
text-align:center;
padding:20px
}

.cart-checkout-summary {
width:400px
}

.cart-checkout-summary-card {
background-color:#292929;
border-radius:8px;
padding:25px;
border:1px solid #3c3c3c
}

.cart-checkout-summary-title {
color:#bb86fc;
font-size:20px;
margin-bottom:20px;
font-weight:700
}

.cart-checkout-summary-content {
display:flex;
flex-direction:column;
gap:15px
}

.cart-checkout-summary-row {
display:flex;
justify-content:space-between;
color:#e0e0e0;
font-size:16px
}

.cart-checkout-summary-total {
display:flex;
justify-content:space-between;
align-items:center;
margin-top:10px;
padding-top:15px;
border-top:1px solid #3c3c3c;
color:#e0e0e0;
font-size:18px;
font-weight:700
}

.cart-checkout-total-amount {
text-align:right
}

.cart-checkout-total-fiat {
color:#bb86fc;
font-size:24px;
font-weight:700
}

.cart-checkout-total-crypto {
color:#a0a0a0;
font-size:14px;
margin-top:5px
}

.cart-checkout-actions {
display:flex;
gap:15px;
margin-top:20px
}

.cart-checkout-back-btn {
flex:1;
display:inline-block;
padding:12px;
background-color:#292929;
color:#bb86fc;
border:1px solid #3c3c3c;
border-radius:8px;
font-weight:700;
text-decoration:none;
text-align:center;
transition:all .3s ease
}

.cart-checkout-back-btn:hover {
background-color:#bb86fc;
color:#121212;
transform:translateY(-2px)
}

.cart-checkout-proceed-btn {
flex:2;
padding:12px;
background-color:#4caf50;
color:#121212;
border:none;
border-radius:8px;
font-weight:700;
cursor:pointer;
transition:all .3s ease
}

.cart-checkout-proceed-btn:hover {
background-color:#45a049;
transform:translateY(-2px)
}

.products-common-edit-photos-container {
display:flex;
flex-direction:row;
gap:10px;
align-items:center;
justify-content:center;
flex-wrap:wrap
}

.products-common-edit-photo {
width:160px;
height:160px;
border:4px solid #3c3c3c;
border-radius:4px
}

.products-common-edit-photo img {
width:100%;
height:100%;
object-fit:cover
}

.products-common-edit-photos-title {
text-align:center;
color:#bb86fc!important;
font-size:20px!important
}

.products-common-edit-visibility {
background-color:#292929;
border-radius:8px;
padding:15px;
margin-bottom:20px;
border:1px solid #3c3c3c;
text-align:center
}

.products-common-edit-visibility-title {
color:#bb86fc;
font-size:18px;
font-weight:600;
margin-bottom:10px;
margin-top:0;
text-align:center
}

.products-common-edit-visibility-toggle {
display:flex;
align-items:center;
justify-content:center;
margin:10px 0
}

.products-common-edit-visibility-checkbox {
appearance:none;
width:24px;
height:24px;
background-color:#1e1e1e;
border:2px solid #3c3c3c;
border-radius:4px;
position:relative;
cursor:pointer;
transition:all .2s ease
}

.products-common-edit-visibility-checkbox:checked {
background-color:#bb86fc;
border-color:#bb86fc
}

.products-common-edit-visibility-checkbox:checked::after {
content:"✓";
color:#121212;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
font-size:16px;
font-weight:700
}

.products-common-edit-visibility-status {
display:block;
margin:10px auto;
color:#a0a0a0;
font-size:14px;
text-align:center
}

.products-common-edit-visibility-status.active {
color:#bb86fc
}

.products-common-edit-visibility-hint {
color:#a0a0a0;
font-size:14px;
margin:0 auto;
text-align:center;
max-width:80%
}

.products-common-admin-edit-delete-btn {
background:none;
border:none;
color:#cf6679;
cursor:pointer;
font-weight:700;
transition:all .3s ease;
padding:6px 12px;
border-radius:4px;
margin:12px auto 15px;
display:block
}

.products-common-admin-edit-delete-btn:hover {
background-color:#cf66791a;
color:#ff4d6b
}

.products-common-admin-edit-photo-wrapper {
margin-bottom:44px;
text-align:center
}

.vendor-applications-index-container {
max-width:1200px;
margin:40px auto;
padding:0 20px
}

.vendor-applications-index-card {
background-color:#1e1e1e;
border-radius:12px;
padding:30px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #3c3c3c;
margin-top:-40px
}

.vendor-applications-index-title {
color:#bb86fc;
font-size:28px;
margin-bottom:30px;
text-align:center;
font-weight:700;
border-bottom:2px solid #bb86fc;
padding-bottom:15px
}

.vendor-applications-index-table-container {
overflow-x:auto;
margin-bottom:-40px
}

.vendor-applications-index-table {
width:100%;
border-collapse:separate;
border-spacing:0 10px
}

.vendor-applications-index-table th {
background-color:#292929;
color:#bb86fc;
font-weight:700;
padding:15px;
text-transform:uppercase;
font-size:14px;
text-align:center
}

.vendor-applications-index-table td {
padding:15px;
color:#e0e0e0;
background-color:#292929;
text-align:center
}

.vendor-applications-index-table tr {
border-radius:8px
}

.vendor-applications-index-status {
display:inline-block;
padding:6px 12px;
border-radius:20px;
font-weight:700;
font-size:12px;
text-transform:uppercase
}

.vendor-applications-index-status-waiting {
background-color:#ffd700;
color:#121212
}

.vendor-applications-index-status-accepted {
background-color:#4caf50;
color:#fff
}

.vendor-applications-index-status-denied {
background-color:#f44336;
color:#fff
}

.vendor-applications-index-empty {
text-align:center;
padding:40px;
color:#a0a0a0;
font-size:16px;
background-color:#292929;
border-radius:8px
}

.vendor-applications-index-pagination {
display:flex;
justify-content:center;
margin-top:30px
}

.vendor-applications-index-btn {
display:inline-block;
padding:8px 16px;
border-radius:4px;
font-weight:700;
text-decoration:none;
transition:all .3s ease;
background-color:#bb86fc;
color:#121212
}

.vendor-applications-index-btn:hover {
background-color:#96c;
transform:translateY(-2px)
}

.vendor-applications-show-container {
max-width:1000px;
margin:20px auto;
padding:0 20px
}

.vendor-applications-show-card {
background-color:#1e1e1e;
border-radius:12px;
padding:30px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #3c3c3c;
margin-top:-20px
}

.vendor-applications-show-title {
color:#bb86fc;
font-size:28px;
margin-bottom:30px;
text-align:center;
font-weight:700;
border-bottom:2px solid #bb86fc;
padding-bottom:15px
}

.vendor-applications-show-section {
background-color:#292929;
border-radius:8px;
padding:20px;
margin-bottom:25px;
border:1px solid #3c3c3c
}

.vendor-applications-show-section-title {
color:#bb86fc;
font-size:20px;
margin-bottom:15px;
font-weight:700;
text-align:center;
margin-top:-4px
}

.vendor-applications-show-detail-row {
margin-bottom:10px;
color:#e0e0e0
}

.vendor-applications-show-detail-row strong {
color:#bb86fc;
margin-right:8px
}

.vendor-applications-show-application-text {
background-color:#1e1e1e;
border-radius:8px;
padding:15px;
color:#e0e0e0;
white-space:pre-wrap;
word-break:break-word;
line-height:1.6
}

.vendor-applications-show-image-grid {
display:grid;
grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
gap:20px;
margin-top:15px
}

.vendor-applications-show-image-container {
border:2px solid #3c3c3c;
border-radius:8px;
overflow:hidden;
aspect-ratio:1;
transition:all .3s ease
}

.vendor-applications-show-image-container:hover {
border-color:#bb86fc;
transform:translateY(-5px);
box-shadow:0 4px 15px #bb86fc33
}

.vendor-applications-show-image-container img {
width:100%;
height:100%;
object-fit:cover
}

.vendor-applications-show-actions {
display:flex;
gap:20px;
justify-content:center;
margin-top:15px
}

.vendor-applications-show-btn {
padding:12px 24px;
border-radius:8px;
font-weight:700;
border:none;
cursor:pointer;
transition:all .3s ease;
text-transform:uppercase;
letter-spacing:1px;
min-width:200px
}

.vendor-applications-show-btn-accept {
background-color:#4caf50;
color:#121212
}

.vendor-applications-show-btn-accept:hover {
background-color:#45a049;
transform:translateY(-2px)
}

.vendor-applications-show-btn-deny {
background-color:#cf6679;
color:#121212
}

.vendor-applications-show-btn-deny:hover {
background-color:#b4464f;
transform:translateY(-2px)
}

.vendor-applications-show-status {
text-align:center;
padding:15px;
border-radius:8px;
margin-top:15px
}

.vendor-applications-show-status strong {
color:#bb86fc;
font-size:18px
}

.vendor-applications-show-back {
text-align:center;
margin-top:30px
}

.vendor-applications-show-back-link {
display:inline-block;
padding:12px 24px;
background-color:#292929;
color:#bb86fc;
border-radius:8px;
text-decoration:none;
font-weight:700;
transition:all .3s ease;
border:1px solid #3c3c3c
}

.vendor-applications-show-back-link:hover {
background-color:#bb86fc;
color:#121212;
transform:translateY(-2px);
box-shadow:0 4px 15px #bb86fc33
}

.become-vendor-application-container {
max-width:800px;
margin:40px auto;
padding:0 20px
}

.become-vendor-application-card {
background-color:#1e1e1e;
border-radius:12px;
padding:30px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #3c3c3c;
margin-top:-40px
}

.become-vendor-application-card h1 {
color:#bb86fc;
font-size:28px;
text-align:center;
margin-bottom:30px;
border-bottom:2px solid #bb86fc;
padding-bottom:15px
}

.become-vendor-application-alert {
background-color:#b71c1c;
color:#ffebee;
padding:15px;
border-radius:8px;
margin-bottom:25px
}

.become-vendor-application-alert ul {
margin:0;
padding-left:20px
}

.become-vendor-application-form-group {
margin-bottom:30px
}

.become-vendor-application-form-group label {
display:block;
color:#e0e0e0;
font-size:16px;
font-weight:700;
margin-bottom:15px
}

.become-vendor-application-textarea {
width:96%;
padding:15px;
background-color:#292929;
border:1px solid #3c3c3c;
border-radius:8px;
color:#e0e0e0;
font-size:14px;
line-height:1.6;
resize:vertical;
min-height:120px;
transition:all .3s ease
}

.become-vendor-application-textarea:focus {
outline:none;
border-color:#bb86fc;
box-shadow:0 0 0 2px #bb86fc1a
}

.become-vendor-application-image-upload {
display:grid;
grid-template-columns:repeat(4,1fr);
gap:15px;
margin-bottom:20px
}

.become-vendor-application-image-slot {
height:80px;
background-color:#292929;
border:2px dashed #3c3c3c;
border-radius:8px;
position:relative;
transition:all .3s ease
}

.become-vendor-application-image-slot:hover {
border-color:#bb86fc;
transform:translateY(-2px)
}

.become-vendor-application-image-input {
position:absolute;
opacity:0;
width:100%;
height:100%;
cursor:pointer;
top:0;
left:0
}

.become-vendor-application-image-preview {
width:100%;
height:100%;
object-fit:cover;
border-radius:6px
}

.become-vendor-application-image-hint {
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
color:#a0a0a0;
text-align:center;
font-size:14px;
pointer-events:none
}

.become-vendor-application-submit-btn {
width:50%;
padding:15px;
background-color:#bb86fc;
color:#121212;
border:none;
border-radius:8px;
font-size:16px;
font-weight:700;
cursor:pointer;
transition:all .3s ease;
text-transform:uppercase;
letter-spacing:1px;
display:block;
margin:0 auto
}

.become-vendor-application-submit-btn:hover {
background-color:#96c;
transform:translateY(-2px)
}

.become-vendor-application-form-group:last-child {
margin-bottom:0
}

.admin-statistics-title {
background-color:#292929;
border:2px solid #bb86fc;
color:#bb86fc;
padding:16px 32px;
border-radius:36px;
font-size:28px;
font-weight:700;
text-transform:uppercase;
letter-spacing:1px;
transition:all .3s ease;
display:inline-block;
margin:30px 0 20px;
margin-top:0
}

.admin-statistics-title:hover {
transform:translateY(-2px)
}

.admin-statistics-container {
max-width:1200px;
margin:0 auto;
padding:20px
}

.admin-statistics-header {
text-align:center;
margin-bottom:30px
}

.admin-statistics-header .admin-statistics-title {
background-color:#292929;
border:2px solid #bb86fc;
color:#bb86fc;
padding:16px 32px;
border-radius:36px;
font-size:28px;
font-weight:700;
text-transform:uppercase;
letter-spacing:1px;
display:inline-block;
margin:0
}

.admin-statistics-grid {
display:grid;
grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
gap:20px
}

.admin-statistics-card {
background-color:#1e1e1e;
border:1px solid #3c3c3c;
border-radius:8px;
padding:30px;
box-shadow:0 4px 6px #0000001a
}

.admin-statistics-card h2 {
color:#bb86fc;
font-size:24px;
border-bottom:2px solid #bb86fc;
padding-bottom:8px;
margin-bottom:20px;
text-align:center
}

.admin-statistics-card p,.admin-statistics-card li {
color:#e0e0e0;
font-size:16px;
line-height:1.6;
margin-bottom:10px;
text-align:center
}

.admin-statistics-card ul {
list-style:none;
padding-left:0;
margin-bottom:0
}

.admin-statistics-strong {
color:#bb86fc;
font-weight:700
}

.advertisement-create-container {
max-width:900px;
margin:20px auto;
padding:0 20px
}

.advertisement-create-content {
background-color:#1e1e1e;
border-radius:12px;
padding:30px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #3c3c3c;
margin-top:-20px
}

.advertisement-create-title {
color:#bb86fc;
font-size:28px;
margin-bottom:30px;
text-align:center;
font-weight:700;
border-bottom:2px solid #bb86fc;
padding-bottom:15px
}

.advertisement-create-section {
margin-bottom:40px
}

.advertisement-create-section-title {
color:#bb86fc;
font-size:24px;
margin-bottom:15px;
font-weight:700;
text-align:center
}

.advertisement-create-section-description {
color:#a0a0a0;
text-align:center;
margin-bottom:20px
}

.advertisement-create-product-card {
background-color:#292929;
border-radius:8px;
padding:20px;
display:flex;
gap:20px;
align-items:center;
border:1px solid #3c3c3c;
margin-bottom:30px
}

.advertisement-create-product-image {
width:120px;
height:120px;
border-radius:8px;
overflow:hidden;
border:2px solid #3c3c3c
}

.advertisement-create-product-image img {
width:100%;
height:100%;
object-fit:cover
}

.advertisement-create-product-info {
flex:1
}

.advertisement-create-product-name {
color:#e0e0e0;
font-size:20px;
margin-bottom:10px;
font-weight:700
}

.advertisement-create-product-description {
color:#a0a0a0;
font-size:14px;
line-height:1.5
}

.advertisement-create-slots {
display:flex;
flex-direction:column;
gap:15px;
max-width:600px;
margin:0 auto
}

.advertisement-create-slot-item {
width:100%
}

.advertisement-create-slot-label {
display:block;
padding:15px;
background-color:#292929;
border:1px solid #3c3c3c;
border-radius:8px;
cursor:pointer;
transition:all .3s ease
}

.advertisement-create-slot-label:hover:not(.advertisement-create-slot-disabled) {
border-color:#bb86fc;
transform:translateY(-2px)
}

.advertisement-create-slot-disabled {
opacity:.5;
cursor:not-allowed
}

.advertisement-create-slot-input {
display:none
}

.advertisement-create-slot-input:checked + .advertisement-create-slot-content {
border-color:#bb86fc;
background-color:#bb86fc1a
}

.advertisement-create-slot-content {
display:flex;
justify-content:space-between;
align-items:center;
padding:10px;
border:1px solid transparent;
border-radius:4px;
transition:all .3s ease
}

.advertisement-create-slot-number {
color:#e0e0e0;
font-weight:700
}

.advertisement-create-slot-price {
color:#bb86fc;
font-weight:700
}

.advertisement-create-slot-status {
display:inline-block;
padding:4px 12px;
border-radius:999px;
background-color:#cf677914;
color:#cf6679;
font-size:14px;
font-weight:500
}

.advertisement-create-duration {
max-width:300px;
margin:0 auto
}

.advertisement-create-select {
width:100%;
padding:12px 15px;
background-color:#292929;
border:1px solid #3c3c3c;
border-radius:8px;
color:#e0e0e0;
font-size:16px;
transition:all .3s ease;
cursor:pointer;
text-align:center
}

.advertisement-create-select:focus {
outline:none;
border-color:#bb86fc
}

.advertisement-create-submit {
text-align:center;
margin-top:40px
}

.advertisement-create-submit-btn {
background-color:#bb86fc;
color:#121212;
padding:15px 40px;
border:none;
border-radius:8px;
font-size:16px;
font-weight:700;
cursor:pointer;
transition:all .3s ease;
text-transform:uppercase;
letter-spacing:1px
}

.advertisement-create-submit-btn:hover {
background-color:#96c;
transform:translateY(-2px)
}

.advertisement-rate-limit-container {
max-width:600px;
margin:50px auto;
padding:30px;
background-color:#1e1e1e;
border:1px solid #3c3c3c;
border-radius:8px;
box-shadow:0 4px 20px #0000004d;
text-align:center
}

.advertisement-rate-limit-header {
font-size:28px;
font-weight:700;
color:#bb86fc;
margin-bottom:20px
}

.advertisement-rate-limit-message p {
font-size:16px;
color:#e0e0e0;
margin-bottom:15px;
line-height:1.6
}

.advertisement-rate-limit-cooldown {
font-size:16px;
color:#e0e0e0;
background-color:#292929;
padding:15px;
border-radius:8px;
margin:20px 0;
border-left:4px solid #cf6679;
display:flex;
align-items:center;
justify-content:center;
min-height:50px
}

.advertisement-rate-limit-cooldown strong {
margin-left:4px
}

.advertisement-rate-limit-button a {
display:inline-block;
padding:12px 25px;
background-color:#bb86fc;
color:#121212;
border-radius:4px;
text-decoration:none;
font-weight:700;
text-transform:uppercase;
letter-spacing:1px;
transition:all .3s ease
}

.advertisement-rate-limit-button a:hover {
background-color:#96c;
transform:translateY(-2px)
}

.advertisement-payment-container {
max-width:1200px;
margin:20px auto;
padding:0 20px
}

.advertisement-payment-content {
margin-top:-20px
}

.advertisement-payment-title {
background-color:#292929;
border:2px solid #bb86fc;
color:#bb86fc;
padding:16px 32px;
border-radius:36px;
font-size:28px;
font-weight:700;
text-transform:uppercase;
letter-spacing:1px;
transition:all .3s ease;
display:inline-block;
margin:30px 0 20px;
margin-top:0
}

.advertisement-payment-title:hover {
transform:translateY(-2px);
box-shadow:0 4px 15px #bb86fc33
}

.advertisement-payment-grid {
display:grid;
grid-template-columns:1fr 1fr;
gap:30px;
margin-bottom:30px
}

.advertisement-payment-card {
background-color:#1e1e1e;
border-radius:12px;
padding:25px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #3c3c3c
}

.advertisement-payment-subtitle {
color:#bb86fc;
font-size:20px;
margin-bottom:20px;
font-weight:700;
text-align:center
}

.advertisement-payment-details {
display:flex;
flex-direction:column;
gap:15px
}

.advertisement-payment-row {
display:flex;
justify-content:space-between;
align-items:flex-start;
padding:10px;
border-bottom:1px solid #3c3c3c
}

.advertisement-payment-label {
color:#e0e0e0;
font-weight:700;
flex:1
}

.advertisement-payment-value {
color:#e0e0e0;
text-align:right;
flex:2
}

.advertisement-payment-value-group {
flex:2;
text-align:right
}

.advertisement-payment-amount {
color:#bb86fc;
font-weight:700;
display:block
}

.advertisement-payment-note {
color:#a0a0a0;
font-size:14px;
display:block;
margin-top:5px
}

.advertisement-payment-status {
display:inline-block;
padding:6px 12px;
border-radius:20px;
font-weight:700;
font-size:14px
}

.advertisement-payment-status-completed {
background-color:#1b5e20;
color:#e8f5e9
}

.advertisement-payment-status-insufficient {
background-color:#ffc107;
color:#121212
}

.advertisement-payment-status-awaiting {
background-color:#292929;
color:#e0e0e0;
border:1px solid #3c3c3c
}

.advertisement-payment-remaining {
color:#cf6679;
display:block;
margin-top:5px
}

.advertisement-payment-address {
background-color:#292929;
padding:15px;
border-radius:8px;
word-break:break-all;
text-align:center;
border:1px solid #3c3c3c;
color:#e0e0e0;
margin-top:5px
}

.advertisement-payment-qr {
text-align:center;
margin:20px 0
}

.advertisement-payment-qr-image {
max-width:240px;
height:auto;
border:4px solid #bb86fc;
border-radius:8px
}

.advertisement-payment-expiry {
text-align:center;
color:#e0e0e0;
margin-top:15px
}

.advertisement-payment-refresh {
text-align:center;
margin:10px 0;
grid-column:1 / -1
}

.advertisement-payment-refresh-btn {
display:inline-block;
padding:12px 24px;
background-color:#bb86fc;
color:#121212;
border-radius:8px;
text-decoration:none;
font-weight:700;
transition:all .3s ease;
text-transform:uppercase;
letter-spacing:1px;
margin-top:-12px;
margin-bottom:-12px
}

.advertisement-payment-refresh-btn:hover {
background-color:#96c;
transform:translateY(-2px)
}

.advertisement-payment-success {
background-color:#1b5e20;
color:#e8f5e9;
padding:20px;
border-radius:8px;
text-align:center;
margin:20px 0
}

.advertisement-payment-instructions {
background-color:#292929;
border-radius:8px;
border:2px solid #bb86fc;
padding:20px;
margin:20px 0
}

.advertisement-payment-message {
color:#e0e0e0;
margin-bottom:15px;
text-align:center
}

.advertisement-payment-warning {
color:#cf6679;
font-weight:700;
text-align:center;
margin:15px 0;
padding:15px;
background-color:#cf66791a;
border-radius:8px;
border:1px solid #cf6679
}

.advertisement-payment-footer {
text-align:center;
margin-top:30px
}

.advertisement-payment-back-btn {
display:inline-block;
padding:12px 24px;
background-color:#292929;
color:#bb86fc;
border:1px solid #3c3c3c;
border-radius:8px;
text-decoration:none;
font-weight:700;
transition:all .3s ease;
margin-top:-12px
}

.advertisement-payment-back-btn:hover {
background-color:#bb86fc;
color:#121212;
transform:translateY(-2px)
}

.home-advertisement-container {
display:flex;
flex-direction:column;
gap:15px;
padding:20px;
background:#1e1e1e;
border-radius:12px;
border:1px solid #3c3c3c;
margin-top:-20px
}

.home-advertisement-card {
display:flex;
gap:20px;
background:#292929;
border-radius:8px;
padding:15px;
border:1px solid #3c3c3c;
transition:all .3s ease;
height:110px
}

.home-advertisement-card:hover {
border-color:#bb86fc;
transform:translateX(5px);
box-shadow:0 4px 15px #bb86fc33
}

.home-advertisement-image {
width:140px;
height:140px;
border-radius:6px;
overflow:hidden;
flex-shrink:0;
margin:-15px 0 -15px -15px
}

.home-advertisement-image img {
width:100%;
height:100%;
object-fit:cover
}

.home-advertisement-content {
flex:1;
display:flex;
flex-direction:column;
justify-content:space-between;
min-width:0
}

.home-advertisement-header {
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:15px
}

.home-advertisement-title-section {
flex:1;
min-width:0
}

.home-advertisement-title {
color:#e0e0e0;
font-size:18px;
font-weight:700;
margin:0 0 8px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}

.home-advertisement-badges {
display:flex;
gap:8px;
flex-wrap:wrap
}

.home-advertisement-badge {
display:inline-flex;
align-items:center;
padding:4px 10px;
border-radius:20px;
font-size:13px;
font-weight:700;
height:20px
}

.home-advertisement-type {
display:inline-block;
padding:6px 16px;
border-radius:20px;
font-size:.85em;
font-weight:700
}

.home-advertisement-type-digital {
background-color:#004D40;
color:#e0e0e0
}

.home-advertisement-type-cargo {
background-color:#CD853F;
color:#212121
}

.home-advertisement-type-deaddrop {
background-color:#3D0814;
color:#e0e0e0
}

.home-advertisement-category {
background:#1976D2;
color:#121212
}

.home-advertisement-price-section {
text-align:right;
flex-shrink:0
}

.home-advertisement-price {
color:#bb86fc;
font-size:22px;
font-weight:700
}

.home-advertisement-xmr {
color:#a0a0a0;
font-size:12px
}

.home-advertisement-details {
display:flex;
gap:20px;
margin-top:auto
}

.home-advertisement-info {
display:flex;
gap:15px;
align-items:center;
flex:1
}

.home-advertisement-stock {
display:inline-block;
padding:4px 10px;
border-radius:20px;
font-size:13px;
font-weight:700;
color:#e0e0e0;
background-color:#D70040;
text-align:center
}

.home-advertisement-shipping {
display:inline-block;
padding:4px 10px;
border-radius:20px;
font-size:13px;
font-weight:700;
color:#e0e0e0;
background-color:#4A3B6B;
text-align:center
}

.home-advertisement-vendor {
background-color:#3c3c3c;
border-radius:30px;
padding:4px 10px
}

.home-advertisement-vendor-link {
color:#bb86fc;
font-size:13px;
font-weight:700;
text-decoration:none!important;
display:inline-block;
transition:all .2s ease
}

.home-advertisement-vendor-link:hover {
color:#d0a4ff;
transform:translateY(-1px)
}

.home-advertisement-action {
display:flex;
align-items:center
}

.home-advertisement-button {
display:inline-flex;
align-items:center;
padding:8px 16px;
background:#bb86fc;
color:#121212;
border-radius:6px;
text-decoration:none;
font-weight:700;
font-size:13px;
transition:all .3s ease
}

.home-advertisement-button:hover {
background:#96c;
transform:translateY(-2px)
}

.home-advertisement-bulk-preview {
display:inline-block;
padding:4px 10px;
border-radius:20px;
font-size:13px;
font-weight:700;
color:#e0e0e0;
background-color:#2E7D32;
text-align:center
}

.home-advertisement-delivery-preview {
display:inline-block;
padding:4px 10px;
border-radius:20px;
font-size:13px;
font-weight:700;
color:#212121;
background-color:#FF9800;
text-align:center
}

.home-advertisement-title-wrapper {
text-align:center;
margin-bottom:35px;
padding:15px 85px;
background-color:#1e1e1e;
border-radius:12px;
margin-top:-20px;
border:1px solid #3c3c3c;
width:max-content;
margin-left:auto;
margin-right:auto
}

.home-advertisement-heading {
color:#bb86fc;
font-size:28px;
font-weight:700;
margin:0;
text-transform:uppercase;
letter-spacing:1px;
position:relative;
display:inline-block;
padding:0 15px;
transition:all .3s ease
}

.home-advertisement-heading::before,.home-advertisement-heading::after {
content:'';
position:absolute;
top:50%;
width:60px;
height:2px;
background-color:#bb86fc
}

.home-advertisement-heading::before {
left:-65px
}

.home-advertisement-heading::after {
right:-65px
}

.home-advertisement-heading:hover {
transform:translateY(-2px)
}

.orders-index-container {
max-width:1200px;
margin:20px auto;
padding:0 20px
}

.orders-index-card {
background-color:#1e1e1e;
border-radius:12px;
padding:30px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #3c3c3c;
margin-top:-20px
}

.orders-index-title {
color:#bb86fc;
font-size:28px;
margin-bottom:25px;
text-align:center;
font-weight:700;
border-bottom:2px solid #bb86fc;
padding-bottom:15px
}

.orders-index-empty {
text-align:center;
padding:40px;
color:#a0a0a0;
font-size:18px;
background-color:#292929;
border-radius:8px
}

.orders-index-browse-btn {
display:inline-block;
margin-top:15px;
background-color:#bb86fc;
color:#121212;
padding:12px 24px;
border-radius:8px;
text-decoration:none;
font-weight:700;
transition:all .3s ease;
text-transform:uppercase;
letter-spacing:1px
}

.orders-index-browse-btn:hover {
background-color:#96c;
transform:translateY(-2px)
}

.orders-index-table-container {
overflow-x:auto;
margin-bottom:-30px
}

.orders-index-table {
width:100%;
border-collapse:separate;
border-spacing:0 10px
}

.orders-index-table th {
background-color:#292929;
color:#bb86fc;
font-weight:700;
padding:15px;
text-align:center;
text-transform:uppercase;
font-size:.9em
}

.orders-index-table tr {
background-color:#292929
}

.orders-index-table td {
padding:15px;
color:#e0e0e0;
text-align:center
}

.orders-index-status {
display:inline-block;
padding:6px 12px;
border-radius:20px;
font-weight:700;
font-size:.85em;
text-transform:uppercase
}

.orders-index-status-waiting_payment {
background-color:#ff3838;
color:#121212
}

.orders-index-status-payment_received {
background-color:#ffc107;
color:#000
}

.orders-index-status-product_sent {
background-color:#4caf50;
color:#000
}

.orders-index-status-completed {
background-color:#bb86fc;
color:#000
}

.orders-index-status-cancelled {
background-color:#9e9e9e;
color:#000
}

.orders-index-status-disputed {
background-color:#27B4D2;
color:#000
}

.orders-index-action-btn {
display:inline-block;
padding:8px 16px;
background-color:#bb86fc;
color:#121212;
border-radius:4px;
font-weight:700;
text-decoration:none;
transition:all .3s ease;
text-align:center
}

.orders-index-action-btn:hover {
background-color:#96c;
transform:translateY(-2px)
}

.orders-index-pagination-container {
margin-top:20px;
display:flex;
justify-content:center
}

.orders-show-container {
max-width:1200px;
margin:0 auto;
padding:20px
}

.orders-show-header {
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:30px;
padding-bottom:15px;
border-bottom:2px solid #bb86fc
}

.orders-show-title {
font-size:28px;
font-weight:700;
margin:0;
margin-top:-20px;
color:#121212;
background-color:#bb86fc;
padding:10px 25px;
border-radius:30px;
display:inline-block
}

.orders-show-id {
padding:6px 12px;
border-radius:20px;
font-size:16px;
font-weight:700;
color:#121212;
background-color:#bb86fc
}

.orders-show-status-container,.orders-show-items-container,.orders-show-message-container {
margin-bottom:30px
}

.orders-show-details-container {
margin-bottom:30px
}

.orders-show-cancel-container {
display:flex;
justify-content:center;
margin-bottom:30px;
min-height:20px
}

.orders-show-cancel-btn-standalone {
width:250px;
margin-top:0
}

.orders-show-status-card,.orders-show-details-card,.orders-show-items-card {
background-color:#1e1e1e;
border-radius:12px;
box-shadow:0 6px 25px #0000004d;
padding:25px;
border:1px solid #3c3c3c;
transition:all .3s ease
}

.orders-show-message-card {
background-color:#1e1e1e;
border-radius:12px;
box-shadow:0 6px 25px #0000004d;
padding:25px;
border:1px solid #3c3c3c;
transition:all .3s ease;
width:60%;
margin:0 auto
}

.orders-show-status-waiting_payment {
border-left:4px solid #FFC107;
border-right:4px solid #FFC107
}

.orders-show-status-hot_wallet_payment_received {
border-left:4px solid #4CAF50;
border-right:4px solid #4CAF50
}

.orders-show-status-hot_wallet_payment_confirmed {
border-left:4px solid #2E7D32;
border-right:4px solid #2E7D32
}

.orders-show-status-user_payment_initiated {
border-left:4px solid #2196F3;
border-right:4px solid #2196F3
}

.orders-show-status-user_payment_sent {
border-left:4px solid #1976D2;
border-right:4px solid #1976D2
}

.orders-show-status-user_payment_failed {
border-left:4px solid #F44336;
border-right:4px solid #F44336
}

.orders-show-status-completed {
border-left:4px solid #bb86fc;
border-right:4px solid #bb86fc
}

.orders-show-status-cancelled {
border-left:4px solid #9e9e9e;
border-right:4px solid #9e9e9e
}

.orders-show-status-title,.orders-show-details-title,.orders-show-items-title,.orders-show-message-title {
font-size:24px;
font-weight:700;
margin-top:0;
margin-bottom:25px;
color:#bb86fc;
text-align:center
}

.orders-show-status-steps {
display:flex;
justify-content:space-between;
margin-bottom:30px;
position:relative
}

.orders-show-status-steps.with-cancelled {
margin-top:120px
}

.orders-show-status-step {
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
flex:1;
position:relative;
z-index:2
}

.orders-show-status-cancelled-marker {
position:absolute;
top:-95px;
width:50px;
height:50px
}

.orders-show-status-cancelled-x {
width:50px;
height:50px;
border-radius:50%;
background-color:#bb86fc;
color:#121212;
display:flex;
align-items:center;
justify-content:center;
font-weight:700;
font-size:22px;
border:2px solid #bb86fc;
box-shadow:0 0 15px #bb86fc66;
transform:scale(1.1)
}

.orders-show-status-cancelled-marker::after {
content:'';
position:absolute;
top:49px;
left:50%;
width:3px;
height:45px;
background-color:#bb86fc;
z-index:1
}

.orders-show-status-step:not(:last-child)::after {
content:'';
position:absolute;
top:25px;
left:50%;
width:100%;
height:3px;
background-color:#3c3c3c;
z-index:0
}

.orders-show-status-step.active:not(:last-child):has(+ .orders-show-status-step.active)::after {
background-color:#bb86fc!important
}

.orders-show-status-step.active:not(:last-child).cancelled-step::after,.orders-show-status-step.active:not(:last-child):has(+ .cancelled-step)::after {
background-color:#bb86fc!important
}

.orders-show-status-step.cancelled-step:not(:last-child)::after,.orders-show-status-step.cancelled-step:not(:last-child):has(+ .orders-show-status-step)::after {
background-color:#3c3c3c!important
}

.orders-show-status-step.active {
opacity:1
}

.orders-show-status-step.cancelled-step .orders-show-status-step-number {
background-color:#bb86fc;
color:#121212;
border-color:#bb86fc;
transform:scale(1.1);
box-shadow:0 0 15px #bb86fc66
}

.orders-show-status-step-number {
width:50px;
height:50px;
border-radius:50%;
background-color:#292929;
color:#e0e0e0;
display:flex;
align-items:center;
justify-content:center;
font-weight:700;
font-size:18px;
margin-bottom:12px;
border:2px solid #3c3c3c;
transition:all .3s ease;
position:relative;
z-index:2;
box-shadow:0 0 0 5px #1e1e1e
}

.orders-show-status-step.active .orders-show-status-step-number {
background-color:#bb86fc;
color:#121212;
border-color:#bb86fc;
transform:scale(1.1);
box-shadow:0 0 15px #bb86fc66
}

.orders-show-status-cancelled .orders-show-status-step:first-child .orders-show-status-step-number {
background-color:#bb86fc;
color:#121212;
border-color:#bb86fc;
transform:scale(1.1);
box-shadow:0 0 15px #bb86fc66
}

.orders-show-status-step-label {
font-size:16px;
font-weight:600;
margin-bottom:6px;
color:#e0e0e0
}

.orders-show-status-step-date {
font-size:14px;
color:#a0a0a0
}

.orders-show-actions {
margin-top:30px;
text-align:center
}

.orders-show-action-btn {
padding:12px 25px;
border:none;
border-radius:8px;
font-weight:700;
font-size:16px;
cursor:pointer;
transition:all .3s ease;
text-transform:uppercase;
letter-spacing:1px
}

.orders-show-action-btn:hover {
transform:translateY(-2px);
box-shadow:0 4px 15px #0000004d
}

.orders-show-payment-done-btn {
background-color:#4caf50;
color:#121212
}

.orders-show-payment-done-btn:hover {
background-color:#45a049
}

.orders-show-confirm-delivery-btn {
background-color:#bb86fc;
color:#121212
}

.orders-show-confirm-delivery-btn:hover {
background-color:#96c
}

.orders-show-cancel-btn {
background-color:#ff3838;
color:#121212;
margin-top:-10px;
margin-bottom:-10px
}

.orders-show-cancel-btn:hover {
background-color:#f02424
}

.orders-show-cancel-form {
display:inline-block;
margin-top:10px
}

.orders-show-actions {
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:10px
}

.orders-show-info-grid {
display:grid;
grid-template-columns:repeat(auto-fill,minmax(250px,1fr));
gap:20px
}

.orders-show-info-item {
padding:15px;
border-radius:8px;
background-color:#292929
}

.orders-show-info-label {
font-size:14px;
color:#a0a0a0;
margin-bottom:8px;
text-align:center
}

.orders-show-info-value {
font-size:16px;
font-weight:600;
color:#e0e0e0;
text-align:center
}

.orders-show-info-value.total {
font-weight:700;
color:#bb86fc;
font-size:18px
}

.orders-show-info-grid {
display:grid;
grid-template-columns:repeat(auto-fill,minmax(250px,1fr));
gap:20px;
position:relative
}

.orders-show-items-list {
display:flex;
flex-direction:column;
gap:20px
}

.orders-show-item {
display:flex;
justify-content:space-between;
align-items:flex-start;
padding:20px;
border-radius:8px;
background-color:#292929
}

.orders-show-item-details {
flex:1
}

.orders-show-item-name {
font-size:18px;
font-weight:700;
margin:0 0 12px;
color:#bb86fc
}

.orders-show-item-description {
font-size:14px;
color:#e0e0e0;
margin-bottom:15px;
line-height:1.6
}

.orders-show-item-meta {
display:flex;
flex-wrap:wrap;
gap:15px
}

.orders-show-item-quantity {
font-size:14px;
color:#121212;
background-color:#ffd166;
padding:6px 12px;
border-radius:20px;
display:inline-block;
font-weight:700
}

.orders-show-item-delivery {
font-size:14px;
color:#121212;
background-color:#ef476f;
padding:6px 12px;
border-radius:20px;
display:inline-block;
font-weight:700
}

.orders-show-item-category {
font-size:14px;
color:#121212;
background-color:#1976D2;
padding:6px 12px;
border-radius:20px;
display:inline-block;
font-weight:700
}

.orders-show-item-price {
display:flex;
flex-direction:column;
align-items:flex-end;
margin-left:20px;
min-width:120px
}

.orders-show-item-price-label {
font-size:14px;
color:#a0a0a0;
margin-bottom:5px
}

.orders-show-item-price-value {
font-size:18px;
font-weight:700;
color:#bb86fc
}

.orders-show-message-content {
width:100%;
display:flex;
justify-content:center
}

.orders-show-message-textarea {
width:80%;
min-height:150px;
padding:15px;
border:1px solid #3c3c3c;
border-radius:8px;
font-family:monospace;
font-size:14px;
resize:vertical;
background-color:#292929;
color:#e0e0e0;
transition:all .3s ease
}

.orders-show-message-textarea:hover {
border-color:#bb86fc
}

.orders-show-message-textarea:focus {
outline:none;
border-color:#bb86fc
}

.orders-show-item-type {
display:inline-block;
padding:5px 15px;
border-radius:20px;
font-size:14px;
font-weight:700;
color:#e0e0e0!important
}

.orders-show-item-type.type-digital {
background-color:#004D40
}

.orders-show-item-type.type-cargo {
background-color:#CD853F;
color:#212121!important
}

.orders-show-item-type.type-deaddrop {
background-color:#3D0814
}

.orders-show-item-type.type-deleted {
background-color:#9e9e9e;
color:#212121!important
}

.orders-show-item-delivery-text-container {
width:100%;
margin-top:15px;
padding:15px;
background-color:#1e1e1e;
border-radius:8px;
border-left:4px solid #4caf50
}

.orders-show-item-delivery-text-container h4 {
margin-top:0;
color:#4caf50
}

.orders-show-item-delivery-text {
font-family:monospace;
background-color:#292929;
padding:10px;
border-radius:6px;
color:#e0e0e0;
word-break:break-word
}

.orders-show-reviews-container {
margin-bottom:30px
}

.orders-show-reviews-card {
background-color:#1e1e1e;
border-radius:12px;
box-shadow:0 6px 25px #0000004d;
padding:25px;
border:1px solid #3c3c3c;
transition:all .3s ease
}

.orders-show-reviews-title {
font-size:24px;
font-weight:700;
margin-top:0;
margin-bottom:25px;
color:#bb86fc;
text-align:center
}

.orders-show-reviews-list {
display:flex;
flex-direction:column;
gap:25px
}

.orders-show-review-item {
padding:20px;
border-radius:8px;
background-color:#292929;
transition:all .3s ease
}

.orders-show-review-item:hover {
transform:translateY(-3px);
box-shadow:0 4px 12px #bb86fc33
}

.orders-show-review-product-name {
font-size:18px;
font-weight:700;
margin:0 0 15px;
color:#bb86fc;
padding-bottom:10px;
border-bottom:1px solid #3c3c3c
}

.orders-show-review-existing {
padding:15px;
background-color:#1e1e1e;
border-radius:8px
}

.orders-show-review-date {
font-size:14px;
color:#a0a0a0;
margin-bottom:12px
}

.orders-show-review-sentiment {
display:inline-block;
padding:6px 14px;
border-radius:20px;
font-size:14px;
font-weight:700;
margin-bottom:10px
}

.orders-show-review-sentiment-positive {
background-color:#4caf50;
color:#121212
}

.orders-show-review-sentiment-mixed {
background-color:#ffc107;
color:#121212
}

.orders-show-review-sentiment-negative {
background-color:#ff3838;
color:#121212
}

.orders-show-review-text {
font-size:15px;
color:#e0e0e0;
line-height:1.6;
padding:10px;
background-color:#292929;
border-radius:6px
}

.orders-show-review-form {
padding:15px;
background-color:#1e1e1e;
border-radius:8px
}

.orders-show-review-field {
margin-bottom:20px
}

.orders-show-review-label {
display:block;
font-size:16px;
font-weight:600;
margin-bottom:10px;
color:#e0e0e0;
text-align:center
}

.orders-show-review-textarea {
width:98%;
min-height:120px;
padding:12px;
border:1px solid #3c3c3c;
border-radius:8px;
background-color:#292929;
color:#e0e0e0;
font-size:14px;
resize:vertical;
transition:all .3s ease
}

.orders-show-review-textarea:focus {
outline:none;
border-color:#bb86fc
}

.orders-show-review-sentiment-options {
display:flex;
gap:15px;
flex-wrap:wrap;
justify-content:center
}

.orders-show-review-sentiment-option {
position:relative
}

.orders-show-review-radio {
position:absolute;
opacity:0;
width:0;
height:0
}

.orders-show-review-radio-label {
display:inline-block;
padding:10px 20px;
border-radius:20px;
font-weight:600;
font-size:14px;
cursor:pointer;
transition:all .3s ease;
box-shadow:0 2px 4px #0003
}

.orders-show-review-radio-label.orders-show-review-sentiment-positive {
background-color:#4caf501a;
color:#4caf50;
border:1px solid #4caf5033
}

.orders-show-review-radio-label.orders-show-review-sentiment-mixed {
background-color:#ffc1071a;
color:#ffc107;
border:1px solid #ffc10733
}

.orders-show-review-radio-label.orders-show-review-sentiment-negative {
background-color:#ff38381a;
color:#ff3838;
border:1px solid #ff383833
}

.orders-show-review-radio-label.orders-show-review-sentiment-positive:hover {
background-color:#4caf5033;
transform:translateY(-2px)
}

.orders-show-review-radio-label.orders-show-review-sentiment-mixed:hover {
background-color:#ffc10733;
transform:translateY(-2px)
}

.orders-show-review-radio-label.orders-show-review-sentiment-negative:hover {
background-color:#ff383833;
transform:translateY(-2px)
}

.orders-show-review-radio:checked + .orders-show-review-radio-label.orders-show-review-sentiment-positive {
background-color:#4caf50;
color:#121212;
border-color:transparent
}

.orders-show-review-radio:checked + .orders-show-review-radio-label.orders-show-review-sentiment-mixed {
background-color:#ffc107;
color:#121212;
border-color:transparent
}

.orders-show-review-radio:checked + .orders-show-review-radio-label.orders-show-review-sentiment-negative {
background-color:#ff3838;
color:#121212;
border-color:transparent
}

.orders-show-review-submit-container {
display:flex;
justify-content:center;
margin-top:20px
}

.orders-show-review-submit-btn {
padding:12px 25px;
border:none;
border-radius:8px;
font-weight:700;
font-size:16px;
cursor:pointer;
transition:all .3s ease;
text-transform:uppercase;
letter-spacing:1px;
background-color:#bb86fc;
color:#121212;
width:250px;
text-align:center;
box-shadow:0 4px 6px #0003
}

.orders-show-review-submit-btn:hover {
transform:translateY(-2px);
background-color:#96c
}

.orders-show-dispute-container {
margin-bottom:30px
}

.orders-show-dispute-card {
background-color:#1e1e1e;
border-radius:12px;
box-shadow:0 6px 25px #0000004d;
padding:25px;
border:1px solid #3c3c3c;
transition:all .3s ease;
border-left:4px solid #27B4D2;
border-right:4px solid #27B4D2
}

.orders-show-dispute-title {
font-size:24px;
font-weight:700;
margin-top:0;
margin-bottom:25px;
color:#bb86fc;
text-align:center
}

.orders-show-dispute-status {
display:inline-block;
padding:8px 16px;
border-radius:20px;
font-size:14px;
font-weight:700;
margin-bottom:20px;
background-color:#27B4D2;
color:#121212;
text-align:center;
box-shadow:0 4px 6px #0000001a
}

.orders-show-dispute-status-open {
background-color:#27B4D2
}

.orders-show-dispute-status-resolved {
background-color:#4caf50
}

.orders-show-dispute-status-escalated {
background-color:#ff9800
}

.orders-show-dispute-info {
padding:15px;
border-radius:8px;
background-color:#292929;
margin-bottom:20px
}

.orders-show-dispute-section-title {
font-size:16px;
font-weight:700;
margin-top:0;
margin-bottom:10px;
color:#27B4D2
}

.orders-show-dispute-text {
font-size:14px;
color:#e0e0e0;
line-height:1.6;
background-color:#1e1e1e;
padding:15px;
border-radius:6px;
border-left:2px solid #27B4D2
}

.orders-show-dispute-resolved-date {
font-size:14px;
color:#a0a0a0;
margin-top:15px;
text-align:right
}

.orders-show-dispute-link-container {
text-align:center;
margin-top:20px
}

.orders-show-dispute-link {
display:inline-block;
padding:12px 25px;
border:none;
border-radius:8px;
font-weight:700;
font-size:16px;
cursor:pointer;
transition:all .3s ease;
text-transform:uppercase;
letter-spacing:1px;
background-color:#bb86fc;
color:#121212;
text-decoration:none
}

.orders-show-dispute-link:hover {
transform:translateY(-2px);
background-color:#96c
}

.orders-show-dispute-form-container {
margin-bottom:30px
}

.orders-show-dispute-form-card {
background-color:#1e1e1e;
border-radius:12px;
box-shadow:0 6px 25px #0000004d;
padding:25px;
border:1px solid #3c3c3c;
transition:all .3s ease;
border-left:4px solid #27B4D2;
border-right:4px solid #27B4D2
}

.orders-show-dispute-form-title {
font-size:24px;
font-weight:700;
margin-top:0;
margin-bottom:25px;
color:#bb86fc;
text-align:center
}

.orders-show-dispute-form-description {
font-size:14px;
color:#e0e0e0;
margin-bottom:20px;
line-height:1.6;
text-align:center
}

.orders-show-dispute-form-textarea {
width:100%;
min-height:120px;
padding:15px;
border:1px solid #3c3c3c;
border-radius:8px;
background-color:#292929;
color:#e0e0e0;
font-size:14px;
resize:vertical;
transition:all .3s ease;
margin-bottom:20px;
box-sizing:border-box
}

.orders-show-dispute-form-textarea:focus {
outline:none;
border-color:#27B4D2;
box-shadow:0 0 0 2px #ef476f33
}

.orders-show-dispute-form-submit {
display:flex;
justify-content:center
}

.orders-show-dispute-form-button {
padding:12px 25px;
border:none;
border-radius:8px;
font-weight:700;
font-size:16px;
cursor:pointer;
transition:all .3s ease;
text-transform:uppercase;
letter-spacing:1px;
background-color:#27B4D2;
color:#121212;
width:250px;
text-align:center
}

.orders-show-dispute-form-button:hover {
transform:translateY(-2px);
background-color:#1E8CA3
}

.orders-show-status-steps.with-disputed {
margin-top:120px
}

.orders-show-status-disputed-marker {
position:absolute;
top:-95px;
width:50px;
height:50px
}

.orders-show-status-disputed-question {
width:50px;
height:50px;
border-radius:50%;
background-color:#bb86fc;
color:#121212;
display:flex;
align-items:center;
justify-content:center;
font-weight:700;
font-size:22px;
border:2px solid #bb86fc;
box-shadow:0 0 15px #bb86fc66;
transform:scale(1.1)
}

.orders-show-status-disputed-marker::after {
content:'';
position:absolute;
top:49px;
left:50%;
width:3px;
height:45px;
background-color:#bb86fc;
z-index:1
}

.orders-show-status-disputed {
border-left:4px solid #27B4D2;
border-right:4px solid #27B4D2
}

.orders-show-payment-container {
display:grid;
grid-template-columns:1fr 1fr;
gap:30px;
margin-bottom:30px
}

.orders-show-payment-card {
background-color:#1e1e1e;
border-radius:12px;
padding:25px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #3c3c3c
}

.orders-show-payment-subtitle {
color:#bb86fc;
font-size:20px;
margin-bottom:20px;
font-weight:700;
text-align:center
}

.orders-show-payment-details {
display:flex;
flex-direction:column;
gap:15px
}

.orders-show-payment-row {
display:flex;
justify-content:space-between;
align-items:center;
padding:10px;
border-bottom:1px solid #3c3c3c
}

.orders-show-payment-label {
color:#e0e0e0;
font-weight:700;
flex:1
}

.orders-show-payment-value {
color:#e0e0e0;
text-align:right;
flex:2
}

.orders-show-payment-value-group {
flex:2;
text-align:right
}

.orders-show-payment-amount {
color:#bb86fc;
font-weight:700;
display:block
}

.orders-show-payment-remaining {
color:#cf6679;
display:block;
margin-top:5px
}

.orders-show-payment-status-wrapper {
flex:2;
text-align:right
}

.orders-show-payment-status {
display:inline-block;
padding:6px 12px;
border-radius:20px;
font-weight:700;
font-size:14px
}

.orders-show-payment-status-completed {
background-color:#1b5e20;
color:#e8f5e9
}

.orders-show-payment-status-insufficient {
background-color:#ffc107;
color:#121212
}

.orders-show-payment-status-awaiting {
background-color:#292929;
color:#e0e0e0;
border:1px solid #3c3c3c
}

.orders-show-payment-expiry {
text-align:center;
margin-top:15px;
padding:12px;
background-color:#cf66791a;
border:1px solid #cf6679;
border-radius:8px;
animation:pulse 2s infinite
}

.orders-show-payment-expiry p {
margin:0;
font-weight:500;
color:#cf6679
}

@keyframes pulse {
0% {
box-shadow:0 0 0 0 #cf667966
}

70% {
box-shadow:0 0 0 8px #cf667900
}

100% {
box-shadow:0 0 0 0 #cf667900
}
}

.orders-show-payment-disclaimer {
text-align:center;
margin-top:12px;
padding:10px;
background-color:#1e1e1eb3;
border:1px solid #3c3c3c;
border-radius:8px;
font-size:14px
}

.orders-show-payment-disclaimer p {
margin:0;
color:#bbb;
font-style:italic;
line-height:1.4
}

.orders-show-payment-address {
background-color:#292929;
padding:15px;
border-radius:8px;
word-break:break-all;
text-align:center;
border:1px solid #3c3c3c;
color:#e0e0e0;
margin-top:5px
}

.orders-show-payment-qr {
text-align:center;
margin:20px 0
}

.orders-show-payment-qr-image {
max-width:240px;
height:auto;
border:4px solid #bb86fc;
border-radius:8px
}

.orders-show-payment-refresh {
text-align:center;
margin:20px 0 0
}

.orders-show-payment-refresh-btn {
display:inline-block;
padding:12px 24px;
background-color:#bb86fc;
color:#121212;
border-radius:8px;
text-decoration:none;
font-weight:700;
transition:all .3s ease;
text-transform:uppercase;
letter-spacing:1px
}

.orders-show-payment-refresh-btn:hover {
background-color:#96c;
transform:translateY(-2px)
}

.orders-show-status-explanation {
max-width:700px;
margin:20px auto 0;
padding:20px;
background:linear-gradient(to right,#292929 0%,#2d2d2d 50%,#292929 100%);
background-size:200% auto;
border-radius:12px;
border:1px solid #3c3c3c;
box-shadow:0 4px 15px #0000004d;
text-align:center;
position:relative;
overflow:hidden;
animation:gradient-sweep 8s ease infinite
}

.orders-show-status-explanation::before {
content:'';
position:absolute;
top:0;
left:0;
right:0;
height:3px;
background:linear-gradient(to right,transparent,#bb86fc,transparent);
animation:highlight-sweep 6s ease infinite
}

.orders-show-status-explanation p {
margin:0 0 15px;
font-size:15px;
line-height:1.6;
color:#e0e0e0;
text-align:center;
position:relative;
z-index:1
}

.orders-show-status-explanation strong {
color:#bb86fc;
font-weight:700
}

@keyframes gradient-sweep {
0% {
background-position:0 center
}

50% {
background-position:100% center
}

100% {
background-position:0 center
}
}

@keyframes highlight-sweep {
0% {
transform:translateX(-100%)
}

50% {
transform:translateX(100%)
}

100% {
transform:translateX(-100%)
}
}

.sales-index-container {
max-width:1200px;
margin:20px auto;
padding:0 20px
}

.sales-index-card {
background-color:#1e1e1e;
border-radius:12px;
padding:30px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #3c3c3c;
margin-top:-20px
}

.sales-index-title {
color:#bb86fc;
font-size:28px;
margin-bottom:25px;
text-align:center;
font-weight:700;
border-bottom:2px solid #bb86fc;
padding-bottom:15px
}

.sales-index-empty {
text-align:center;
padding:40px;
color:#a0a0a0;
font-size:18px;
background-color:#292929;
border-radius:8px
}

.sales-index-table-container {
overflow-x:auto;
margin-bottom:-30px
}

.sales-index-table {
width:100%;
border-collapse:separate;
border-spacing:0 10px
}

.sales-index-table th {
background-color:#292929;
color:#bb86fc;
font-weight:700;
padding:15px;
text-align:center;
text-transform:uppercase;
font-size:.9em
}

.sales-index-table tr {
background-color:#292929
}

.sales-index-table td {
padding:15px;
color:#e0e0e0;
text-align:center
}

.sales-index-status {
display:inline-block;
padding:6px 12px;
border-radius:20px;
font-weight:700;
font-size:.85em;
text-transform:uppercase
}

.sales-index-status-waiting_payment {
background-color:#ff3838;
color:#121212
}

.sales-index-status-payment_received {
background-color:#ffc107;
color:#000
}

.sales-index-status-product_sent {
background-color:#4caf50;
color:#000
}

.sales-index-status-completed {
background-color:#bb86fc;
color:#000
}

.sales-index-status-cancelled {
background-color:#9e9e9e;
color:#000
}

.sales-index-status-disputed {
background-color:#27B4D2;
color:#000
}

.sales-index-action-btn {
display:inline-block;
padding:8px 16px;
background-color:#bb86fc;
color:#121212;
border-radius:4px;
font-weight:700;
text-decoration:none;
transition:all .3s ease;
text-align:center
}

.sales-index-action-btn:hover {
background-color:#96c;
transform:translateY(-2px)
}

.sales-index-pagination-container {
margin-top:20px;
display:flex;
justify-content:center
}

.sales-show-deliver-btn {
background-color:#4caf50;
color:#121212
}

.sales-show-deliver-btn:hover {
background-color:#45a049
}

.sales-show-update-btn {
background-color:#bb86fc;
color:#121212;
margin-bottom:10px
}

.sales-show-update-btn:hover {
background-color:#96c;
transform:translateY(-2px)
}

.sales-show-delivery-form {
width:100%;
margin-bottom:20px;
background-color:#292929;
padding:20px;
border-radius:8px;
border-top:4px solid #ffc107;
border-bottom:4px solid #ffc107;
text-align:center
}

.sales-show-delivery-title {
color:#bb86fc;
margin-top:0;
font-size:20px;
text-align:center
}

.sales-show-delivery-desc {
color:#e0e0e0;
margin-bottom:20px
}

.sales-show-delivery-item {
margin-bottom:20px;
padding-bottom:15px;
border-bottom:1px solid #3c3c3c
}

.sales-show-delivery-item:last-child {
border-bottom:none
}

.sales-show-delivery-label {
display:block;
margin-bottom:10px;
color:#e0e0e0
}

.sales-show-delivery-instruction {
display:block;
font-size:14px;
color:#a0a0a0;
margin-top:5px
}

.sales-show-delivery-textarea {
width:98%;
min-height:80px;
padding:12px;
border-radius:8px;
border:1px solid #3c3c3c;
background-color:#1e1e1e;
color:#e0e0e0;
font-family:monospace;
resize:vertical;
transition:all .3s ease
}

.sales-show-delivery-textarea:focus {
outline:none;
border-color:#bb86fc
}

.sales-show-deliver-form {
margin-top:10px
}

.settings-index-wrapper {
max-width:1000px;
margin:0 auto;
padding:10px 20px
}

.settings-index-layout {
display:flex;
flex-wrap:wrap;
justify-content:space-between;
gap:20px;
margin-bottom:30px
}

.settings-index-change-password-container,.settings-index-manage-pgp-key-container {
width:calc(50% - 15px)
}

.settings-index-secret-phrase-row {
width:100%;
display:flex;
justify-content:center;
margin-bottom:30px
}

.settings-index-manage-2fa-row {
width:100%;
display:flex;
justify-content:center;
margin-bottom:30px
}

.settings-index-secret-phrase-container {
width:100%;
max-width:500px
}

.settings-index-manage-2fa-container {
width:100%;
max-width:400px
}

.settings-index-card {
background-color:#1e1e1e;
border-radius:8px;
border:1px solid #3c3c3c;
padding:30px;
margin-bottom:10px;
box-shadow:0 4px 20px #0000004d;
text-align:center
}

.settings-index-card-header {
color:#bb86fc;
font-size:24px;
margin-bottom:20px;
text-align:center
}

.settings-index-card-body {
color:#e0e0e0
}

.settings-index-page-form-group {
margin-bottom:20px
}

.settings-index-page-form-group label {
display:block;
margin-bottom:8px;
color:#e0e0e0;
font-weight:700
}

.settings-index-page-form-control {
width:100%;
padding:12px 15px;
background-color:#292929;
border:1px solid #3c3c3c;
border-radius:4px;
color:#e0e0e0;
box-sizing:border-box;
transition:all .3s ease
}

textarea.settings-index-page-form-control {
resize:vertical;
min-height:150px
}

.settings-index-page-form-control:focus {
outline:none;
border-color:#bb86fc
}

.settings-two-fa-buttons {
display:flex;
justify-content:center;
gap:10px
}

.settings-btn-2fa {
padding:10px 20px;
font-size:16px;
font-weight:700;
border:none;
border-radius:4px;
cursor:pointer;
transition:all .3s ease
}

.settings-btn-2fa-on {
background-color:#4CAF50;
color:#fff
}

.settings-btn-2fa-off {
background-color:#f44336;
color:#fff
}

.settings-btn-2fa.active {
opacity:1;
transform:scale(1.05)
}

.settings-btn-2fa:not(.active) {
opacity:.7
}

.settings-btn-2fa:hover {
opacity:1;
transform:translateY(-2px)
}

.settings-secret-form label {
display:block;
margin-bottom:8px;
font-weight:700;
color:#e0e0e0;
text-align:center
}

.settings-secret-form input[type="text"] {
width:100%;
padding:10px;
background-color:#292929;
border:1px solid #3c3c3c;
border-radius:4px;
color:#e0e0e0;
box-sizing:border-box;
margin-bottom:10px;
transition:border-color .3s ease
}

.settings-secret-form input[type="text"]:focus {
outline:none;
border-color:#bb86fc
}

.settings-secret-form button {
width:100%;
max-width:300px;
padding:12px;
background-color:#bb86fc;
color:#121212;
border:0;
border-radius:4px;
cursor:pointer;
font-size:16px;
text-transform:uppercase;
letter-spacing:1px;
transition:all .3s ease;
font-weight:700;
margin:0 auto;
display:block
}

.settings-secret-form button:hover {
background-color:#96c;
transform:translateY(-2px)
}

.settings-secret-display p {
margin:10px 0
}

.settings-secret-text {
font-weight:700;
font-size:24px;
color:#bb86fc
}

.disputes-index-container {
max-width:1200px;
margin:20px auto;
padding:0 20px
}

.disputes-index-card {
background-color:#1e1e1e;
border-radius:12px;
padding:30px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #3c3c3c;
margin-top:-20px
}

.disputes-index-title {
color:#bb86fc;
font-size:28px;
margin-bottom:25px;
text-align:center;
font-weight:700;
border-bottom:2px solid #bb86fc;
padding-bottom:15px
}

.disputes-index-empty {
text-align:center;
padding:40px;
color:#a0a0a0;
font-size:18px;
background-color:#292929;
border-radius:8px
}

.disputes-index-back-btn {
display:inline-block;
margin-top:15px;
background-color:#bb86fc;
color:#121212;
padding:12px 24px;
border-radius:8px;
text-decoration:none;
font-weight:700;
transition:all .3s ease;
text-transform:uppercase;
letter-spacing:1px
}

.disputes-index-back-btn:hover {
background-color:#96c;
transform:translateY(-2px)
}

.disputes-index-table-container {
overflow-x:auto;
margin-bottom:-30px
}

.disputes-index-table {
width:100%;
border-collapse:separate;
border-spacing:0 10px
}

.disputes-index-table th {
background-color:#292929;
color:#bb86fc;
font-weight:700;
padding:15px;
text-align:center;
text-transform:uppercase;
font-size:.9em
}

.disputes-index-table tr {
background-color:#292929
}

.disputes-index-table td {
padding:15px;
color:#e0e0e0;
text-align:center
}

.disputes-index-status {
display:inline-block;
padding:6px 12px;
border-radius:20px;
font-weight:700;
font-size:.85em;
text-transform:uppercase
}
.disputes-index-status-active {
background-color:#E53B69;
color:#000
}

.disputes-index-status-vendor_prevails {
background-color:#1D84B5;
color:#000
}

.disputes-index-status-buyer_prevails {
background-color:#FFB627;
color:#000
}

.disputes-index-action-btn {
display:inline-block;
padding:8px 16px;
background-color:#bb86fc;
color:#121212;
border-radius:4px;
font-weight:700;
text-decoration:none;
transition:all .3s ease;
text-align:center;
margin-right:5px
}

.disputes-index-action-btn:hover {
background-color:#96c;
transform:translateY(-2px)
}

.disputes-index-pagination-container {
margin-top:20px;
display:flex;
justify-content:center
}

.admin-dispute-index-resolver {
font-size:.8em;
color:#a0a0a0;
margin-top:5px;
font-style:italic
}

.vendor-dispute-index-resolution {
font-size:.8em;
color:#a0a0a0;
margin-top:5px;
font-style:italic
}

.disputes-show-container {
max-width:1000px;
margin:0 auto;
padding:20px
}

.disputes-show-header {
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:25px;
padding-bottom:15px;
border-bottom:2px solid #bb86fc
}

.disputes-show-title {
color:#bb86fc;
font-size:28px;
font-weight:700;
margin:0;
padding:10px 15px;
border:2px solid #bb86fc;
background-color:#bb86fc1a;
border-radius:8px
}

.disputes-show-back-link {
background-color:#292929;
color:#bb86fc;
padding:10px 20px;
border-radius:8px;
text-decoration:none;
font-weight:700;
transition:all .3s ease;
display:inline-block
}

.disputes-show-back-link:hover {
background-color:#bb86fc;
color:#121212;
transform:translateY(-2px)
}

.disputes-show-card {
background-color:#1e1e1e;
border-radius:12px;
padding:25px;
margin-bottom:30px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #3c3c3c
}

.disputes-show-section-title {
color:#bb86fc;
font-size:24px;
margin-bottom:20px;
font-weight:700;
text-align:center
}

.disputes-show-status {
display:flex;
justify-content:center;
margin-bottom:20px
}

.disputes-show-status-badge {
display:inline-block;
padding:8px 16px;
border-radius:20px;
font-weight:700;
font-size:.9em;
text-transform:uppercase;
margin-top:10px
}

.disputes-show-status-active {
background-color:#E53B69;
color:#121212
}

.disputes-show-status-vendor_prevails {
background-color:#1D84B5;
color:#121212
}

.disputes-show-status-buyer_prevails {
background-color:#FFB627;
color:#121212
}

.disputes-show-info-grid {
display:grid;
grid-template-columns:repeat(auto-fill,minmax(250px,1fr));
gap:15px;
margin-bottom:20px
}

.disputes-show-info-item {
background-color:#292929;
border-radius:8px;
padding:15px
}

.disputes-show-info-label {
color:#a0a0a0;
font-size:14px;
margin-bottom:8px;
text-align:center
}

.disputes-show-info-value {
color:#e0e0e0;
font-size:16px;
font-weight:600;
text-align:center
}

.disputes-show-order-btn {
background-color:#bb86fc;
color:#121212;
padding:12px 20px;
border-radius:8px;
text-decoration:none;
font-weight:700;
transition:all .3s ease;
display:inline-block;
margin-top:15px;
text-align:center
}

.disputes-show-order-btn:hover {
background-color:#96c;
transform:translateY(-2px)
}

.disputes-show-messages-list {
display:flex;
flex-direction:column;
gap:15px;
margin-bottom:25px;
max-height:500px;
overflow-y:auto;
padding:10px
}

.disputes-show-message {
background-color:#292929;
border-radius:8px;
padding:15px;
transition:all .3s ease
}

.disputes-show-message:hover {
transform:translateY(-2px)
}

.disputes-show-message-header {
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:10px;
padding-bottom:8px;
border-bottom:1px solid #3c3c3c
}

.disputes-show-message-user {
color:#bb86fc;
font-weight:700
}

.disputes-show-message-admin {
border-top:4px solid #bb86fc;
border-bottom:4px solid #bb86fc
}

.disputes-show-message-buyer {
border-left:4px solid #3498DB;
border-right:4px solid #3498DB
}

.disputes-show-message-vendor {
border-left:4px solid #F39C12;
border-right:4px solid #F39C12
}

.disputes-show-message-time {
color:#a0a0a0;
font-size:14px
}

.disputes-show-message-content {
color:#e0e0e0;
line-height:1.5
}

.disputes-show-empty-message {
text-align:center;
padding:30px;
color:#a0a0a0;
font-style:italic;
background-color:#292929;
border-radius:8px
}

.disputes-show-form-group {
margin-bottom:20px
}

.disputes-show-form-label {
display:block;
color:#bb86fc;
font-size:16px;
font-weight:700;
margin-bottom:10px
}

.disputes-show-textarea {
width:96%;
min-height:120px;
padding:15px;
background-color:#292929;
border:1px solid #3c3c3c;
border-radius:8px;
color:#e0e0e0;
font-size:15px;
resize:vertical;
transition:all .3s ease
}

.disputes-show-textarea:focus {
outline:none;
border-color:#bb86fc;
box-shadow:0 0 0 2px #bb86fc1a
}

.disputes-show-submit-btn {
background-color:#bb86fc;
color:#121212;
padding:12px 25px;
border:none;
border-radius:8px;
font-weight:700;
cursor:pointer;
transition:all .3s ease;
text-transform:uppercase;
letter-spacing:1px;
display:block;
width:200px;
margin:0 auto
}

.disputes-show-submit-btn:hover {
background-color:#96c;
transform:translateY(-2px)
}

.disputes-show-resolved-message {
background-color:#292929;
border-left:4px solid #cf6679;
border-right:4px solid #cf6679;
color:#e0e0e0;
padding:15px;
border-radius:6px;
margin-top:20px;
text-align:center
}

.admin-disputes-show-resolution-card {
background-color:#1e1e1e;
border:1px solid #3c3c3c;
border-left:4px solid #cf6679;
border-right:4px solid #cf6679
}

.admin-disputes-show-instructions {
background-color:#292929;
border-radius:8px;
padding:15px 20px;
margin-bottom:25px;
color:#e0e0e0;
line-height:1.5
}

.admin-disputes-show-resolution-list {
margin-top:15px;
margin-bottom:0;
padding-left:25px
}

.admin-disputes-show-resolution-list li {
margin-bottom:8px
}

.admin-disputes-show-actions {
display:flex;
flex-wrap:wrap;
gap:25px;
justify-content:space-between;
margin-top:25px;
text-align:center
}

.admin-disputes-show-form {
flex:1;
min-width:300px;
background-color:#292929;
border-radius:8px;
padding:20px
}

.admin-disputes-show-vendor-btn,.admin-disputes-show-buyer-btn {
padding:12px 25px;
border:none;
border-radius:8px;
font-weight:700;
cursor:pointer;
transition:all .3s ease;
text-transform:uppercase;
letter-spacing:1px;
display:block;
width:100%;
margin:0 auto;
color:#121212
}

.admin-disputes-show-vendor-btn {
background-color:#1D84B5
}

.admin-disputes-show-vendor-btn:hover {
background-color:#1597d3;
transform:translateY(-2px)
}

.admin-disputes-show-buyer-btn {
background-color:#FFB627
}

.admin-disputes-show-buyer-btn:hover {
background-color:#ffc34a;
transform:translateY(-2px)
}

.admin-disputes-show-textarea {
width:93%;
min-height:120px;
padding:15px;
background-color:#292929;
border:1px solid #3c3c3c;
border-radius:8px;
color:#e0e0e0;
font-size:15px;
resize:vertical;
transition:all .3s ease
}

.admin-disputes-show-textarea:focus {
outline:none;
border-color:#bb86fc;
box-shadow:0 0 0 2px #bb86fc1a
}

.scroll-button {
position:fixed;
width:40px;
height:40px;
border-radius:50%;
background-color:#292929;
color:#e0e0e0;
display:flex;
justify-content:center;
align-items:center;
text-decoration:none;
font-size:20px;
z-index:1000;
border:2px solid #3c3c3c;
box-shadow:0 4px 10px #0000004d;
transition:all .3s ease
}

.scroll-button:hover {
background-color:#bb86fc;
color:#121212;
border-color:#bb86fc;
transform:translateY(-2px)
}

.scroll-top {
right:20px;
bottom:20px
}

.scroll-bottom {
left:20px;
bottom:20px
}

.profile-container {
max-width:1100px;
margin:20px auto;
padding:0 20px
}

.profile-card {
background-color:#1e1e1e;
border-radius:12px;
padding:30px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #3c3c3c
}

.profile-grid {
display:grid;
grid-template-columns:1fr 2fr;
gap:30px
}

.profile-sidebar {
display:flex;
flex-direction:column;
gap:20px
}

.profile-picture-container {
text-align:center
}

.profile-picture {
width:160px;
height:160px;
border-radius:50%;
border:3px solid #bb86fc;
overflow:hidden;
margin:0 auto 15px;
display:block
}

.profile-picture img {
width:100%;
height:100%;
object-fit:cover
}

.profile-picture-upload {
display:flex;
flex-direction:column;
align-items:center;
gap:10px;
margin-top:10px
}

.profile-picture-label {
display:inline-block;
padding:10px 20px;
background-color:#bb86fc;
color:#121212;
border-radius:6px;
font-weight:700;
cursor:pointer;
transition:all .3s ease;
text-align:center
}

.profile-picture-label:hover {
background-color:#96c;
transform:translateY(-2px)
}

.profile-picture-input {
display:none
}

.profile-picture-hint {
color:#a0a0a0;
font-size:12px;
text-align:center;
margin-top:8px;
margin-bottom:20px
}

.profile-pgp-section {
background-color:#292929;
border-radius:8px;
padding:0 20px 20px
}

.profile-pgp-title {
color:#bb86fc;
font-size:18px;
margin-bottom:15px;
text-align:center;
font-weight:700
}

.profile-pgp-status {
display:block;
padding:8px 16px;
border-radius:20px;
font-weight:700;
text-align:center;
width:fit-content;
box-sizing:border-box;
margin:0 auto 15px
}

.profile-pgp-verified {
background-color:#4caf50;
color:#121212
}

.profile-pgp-unverified {
background-color:#ffc107;
color:#121212
}

.profile-pgp-none {
background-color:#ff3838;
color:#121212
}

.profile-pgp-verify {
display:block;
padding:8px 16px;
background-color:#bb86fc;
color:#121212;
border-radius:4px;
font-weight:700;
text-decoration:none;
transition:all .3s ease;
text-align:center;
width:fit-content;
margin:0 auto;
box-sizing:border-box
}

.profile-pgp-verify:hover {
background-color:#96c;
transform:translateY(-2px)
}

.profile-form-section {
background-color:#292929;
border-radius:12px;
padding:25px
}

.profile-form-title {
color:#bb86fc;
font-size:24px;
margin-bottom:20px;
text-align:center;
font-weight:700;
border-bottom:2px solid #bb86fc;
padding-bottom:15px
}

.profile-form-group {
margin-bottom:20px
}

.profile-form-label {
display:block;
color:#e0e0e0;
font-size:16px;
font-weight:700;
margin-bottom:10px;
text-align:center
}

.profile-form-textarea {
width:100%;
min-height:150px;
padding:15px;
background-color:#1e1e1e;
border:1px solid #3c3c3c;
border-radius:8px;
color:#e0e0e0;
font-size:15px;
resize:vertical;
transition:all .3s ease;
box-sizing:border-box
}

.profile-form-textarea:focus {
outline:none;
border-color:#bb86fc;
box-shadow:0 0 0 2px #bb86fc1a
}

.profile-form-hint {
color:#a0a0a0;
font-size:13px;
margin-top:8px
}

.profile-submit-btn {
display:block;
padding:12px 24px;
background-color:#bb86fc;
color:#121212;
border-radius:4px;
font-weight:700;
font-size:inherit;
border:none;
cursor:pointer;
transition:all .3s ease;
text-align:center;
width:auto;
min-width:180px;
margin:20px auto 0
}

.profile-submit-btn:hover {
background-color:#96c;
transform:translateY(-2px)
}

.crypto-swap {
  width: 500px;
  background-color: #1e1e2f;
  padding: 24px;
  border-radius: 16px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
  color: white;
  font-family: 'Arial', sans-serif;
  margin: auto auto;
}

.crypto-swap-container {
background: #1e1e2f;
padding: 32px 40px;
border-radius: 16px;
box-shadow: 0 12px 24px rgba(0,0,0,0.8);
width: 360px;
text-align: center;
}

.swap-header {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 16px;
}

.swap-box {
  background-color: #2a2a3d;
  border-radius: 12px;
  padding: 12px;
  margin-bottom: 12px;
}

.swap-box label {
  font-size: 14px;
  color: #ccc;
  margin-bottom: 4px;
  display: block;
}

.token-input {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 0 auto;
}

.token-input input {
  flex: 1;
  background: transparent;
  border: none;
  color: white;
  font-size: 16px;
  outline: none;
  width: 100%;
}

.token-input select {
  background-color: #3a3a50;
  color: white;
  border: none;
  padding: 6px 12px;
  border-radius: 8px;
  margin-left: auto;
}

.swap-icon {
  text-align: center;
  font-size: 24px;
  margin: 12px 0;
  color: #bb86fc;
}

.swap-button {
  width: 100%;
  padding: 12px;
  background-color: #bb86fc;
  border: none;
  border-radius: 10px;
  color: #000;
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.swap-button:hover {
  background-color: rgba(187, 134, 252, 0.9);
  transform: scale(1.02);
  box-shadow: 0 0 10px #bb86fc66;
}

.crypto-swap-wrapper {
display: flex;
justify-content: center;
background-color: #121212;
}

.crypto-swap-title {
margin-bottom: 24px;
font-weight: 700;
font-size: 24px;
color: #e0e0ff;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.crypto-swap-section {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
border-bottom: 1px solid #33344a;
padding-bottom: 8px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.crypto-swap-label {
font-weight: 600;
color: #a0a0c0;
font-size: 14px;
}

.crypto-swap-value {
font-weight: 700;
color: #f0f0ff;
font-size: 16px;
}

@media (max-width: 700px) {
    .orders-show-payment-container {
        display: flex;
        flex-direction: column-reverse; 
    }

    .orders-show-title {
        font-size: 18px;
    }

    .orders-show-id {
        font-size: 12px;
    }

    .orders-show-status-steps {
        margin: 0px;
    }

    .orders-show-status-step-label {
        font-size: 12px;
    }

    .orders-show-status-card {
        padding: 10px;
    }

    .main-content {
        padding: 10px;
    }

    .alert {
        margin: 10px auto;
        font-size: 12px;
    }

    .footer {
        padding: 5px;
    }

    body {
        font-size: 12px;
    }

    .crypto-swap {
        width: 80%;
    }

    .right-bar {
        width: auto;
    }
    .right-bar a {
        width: auto;
        padding: 10px 10px;
    }
    .navbar-btn-icon-logout {
        display: none;
    }

    .settings-index-layout {
        display: block;
    }
    .settings-index-change-password-container {
        width: auto;
        margin-bottom: 30px;
    }
    .settings-index-manage-pgp-key-container {
        width: auto;
    }
    .pagination-next {
        width: 60px;
    }
    .pagination-link {
        display: none;
    }
    .pagination-active {
        display: none;
    }
    .rules-title {
        font-size: 16px;
        padding: 12px;
    }
    .rules-section h3 {
        font-size: 14px;
    }
}

@media (max-width: 900px) {
    .dashboard-grid {
        display: block;
    }
    .dashboard-profile-card {
        position:inherit;
        margin-bottom: 30px;
    }
    .guides-index-grid {
        display: block;
    }
    .guides-index-item {
        margin: 20px 0px;
    }
}

@media (max-width: 800px) {
    .support-index-header a {
        font-size: 12px;
        padding: 12px 16px;
        width: 60px;
        text-align: center;
    }
    .support-index-header span {
        font-size: 12px;
        padding: 18px 0px 0px 0px;
        width: 100px;
        text-align: center;
        height: 48px;
    }
}