:root {
    --ak-red: #ff202c;
    --ak-red-dark: #b90f18;
    --ak-panel: #111111;
    --ak-panel-soft: #181818;
    --ak-border: rgba(255,255,255,.12);
    --ak-muted: #a7a7a7;
}

.site-ui-toast {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 20000;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 13px;
    align-items: center;
    width: min(430px, calc(100vw - 32px));
    padding: 16px;
    border: 1px solid rgba(255,32,44,.42);
    border-radius: 16px;
    background: rgba(15,15,15,.98);
    box-shadow: 0 18px 60px rgba(0,0,0,.48);
    color: #fff;
    animation: akSlideUp .22s ease;
}
.site-ui-toast[hidden], .site-ui-modal-backdrop[hidden] { display: none !important; }
.site-ui-toast-icon, .site-ui-modal-icon {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: rgba(255,32,44,.13);
    color: var(--ak-red);
    font-size: 24px;
    font-weight: 900;
}
.site-ui-toast strong { display:block; margin-bottom:3px; font-size:15px; }
.site-ui-toast p { margin:0; color:#c7c7c7; line-height:1.45; }
.site-ui-toast.error { border-color: rgba(255,71,87,.55); }
.site-ui-toast.warning { border-color: rgba(255,193,7,.48); }
.site-ui-toast.warning .site-ui-toast-icon { color:#ffc107; background:rgba(255,193,7,.12); }
.site-ui-modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 21000;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(0,0,0,.76);
    backdrop-filter: blur(7px);
}
.site-ui-modal {
    width: min(500px, 100%);
    padding: 28px;
    border: 1px solid rgba(255,32,44,.38);
    border-radius: 22px;
    background: linear-gradient(145deg, #171717, #0d0d0d);
    color:#fff;
    box-shadow: 0 28px 100px rgba(0,0,0,.62);
}
.site-ui-modal h2 { margin:16px 0 8px; font-size:25px; }
.site-ui-modal p { margin:0; color:#bdbdbd; line-height:1.65; white-space:pre-line; }
.site-ui-modal-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:24px; }
.site-ui-button, .ak-button {
    border:1px solid var(--ak-border);
    border-radius:12px;
    padding:11px 16px;
    background:#202020;
    color:#fff;
    font:inherit;
    font-weight:800;
    cursor:pointer;
}
.site-ui-button.primary, .ak-button.primary { background:var(--ak-red); border-color:var(--ak-red); }
.site-ui-button.danger, .ak-button.danger { color:#fff; background:#8e1118; border-color:#d02029; }
.site-ui-button:disabled, .ak-button:disabled { opacity:.52; cursor:not-allowed; }

.ak-permission-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
    margin-top:14px;
    padding:14px;
    border:1px solid var(--ak-border);
    border-radius:14px;
    background:#0c0c0c;
}
.ak-permission-option { display:flex; align-items:flex-start; gap:9px; color:#ddd; font-size:13px; line-height:1.35; }
.ak-permission-option input { accent-color:var(--ak-red); margin-top:2px; }
.ak-permission-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:11px; }
.ak-permission-summary { display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
.ak-permission-chip { padding:5px 8px; border-radius:999px; background:rgba(255,32,44,.11); border:1px solid rgba(255,32,44,.24); color:#ff8990; font-size:11px; font-weight:800; }

.ak-discount-panel {
    margin-top:12px;
    padding:12px;
    border:1px solid rgba(255,32,44,.25);
    border-radius:13px;
    background:rgba(255,32,44,.035);
}
.ak-discount-panel strong { display:block; margin-bottom:9px; color:#ff6d75; }
.ak-discount-fields { display:grid; grid-template-columns:90px minmax(130px,1fr) minmax(165px,1fr) minmax(165px,1fr); gap:8px; }
.ak-discount-fields input { width:100%; min-width:0; }
.ak-discount-actions { display:flex; gap:8px; margin-top:9px; }

.catalog-product-card { position:relative; overflow:hidden; }
.ak-sale-ribbon {
    position:absolute;
    z-index:5;
    top:14px;
    right:-37px;
    width:145px;
    padding:7px 0;
    transform:rotate(38deg);
    text-align:center;
    background:var(--ak-red);
    color:#fff;
    font-size:11px;
    font-weight:900;
    letter-spacing:.5px;
    box-shadow:0 7px 20px rgba(255,32,44,.28);
}
.ak-price-stack { display:flex; flex-direction:column; gap:2px; }
.ak-original-price { color:#777; text-decoration:line-through; font-size:13px; font-weight:700; }
.ak-final-price { color:#fff; font-size:20px; font-weight:900; }
.ak-discount-note { color:#ff6870; font-size:11px; font-weight:800; }

.member-notification-icon {
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    flex:0 0 38px;
    border-radius:12px;
    background:rgba(255,32,44,.1);
    color:#ff626a;
    font-size:18px;
}
.member-notification { grid-template-columns:38px minmax(0,1fr) auto !important; }
.member-notification-filter { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 16px; }
.member-notification-filter button { border:1px solid var(--ak-border); background:#171717; color:#aaa; border-radius:999px; padding:8px 12px; font-weight:800; cursor:pointer; }
.member-notification-filter button.active { color:#fff; background:var(--ak-red); border-color:var(--ak-red); }

.giveaway-live-shell { min-height:100vh; padding:28px; background:radial-gradient(circle at 50% 15%,rgba(255,32,44,.15),transparent 32%),#080808; color:#fff; }
.giveaway-live-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; max-width:1200px; margin:0 auto 22px; }
.giveaway-live-stage { max-width:1200px; min-height:600px; margin:auto; display:grid; place-items:center; padding:30px; border:1px solid rgba(255,32,44,.25); border-radius:28px; background:linear-gradient(145deg,#151515,#090909); box-shadow:0 30px 110px rgba(0,0,0,.6); text-align:center; overflow:hidden; }
.giveaway-live-stage h1 { font-size:clamp(38px,7vw,88px); margin:15px 0; }
.giveaway-live-stage p { color:#aaa; font-size:clamp(17px,2vw,24px); }
.giveaway-live-name { color:var(--ak-red); text-shadow:0 0 30px rgba(255,32,44,.45); }
.giveaway-live-spinner { width:110px; height:110px; border:7px solid #2a2a2a; border-top-color:var(--ak-red); border-radius:50%; animation:akSpin .7s linear infinite; }
.giveaway-live-controls { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:24px; }
.giveaway-live-backups { display:grid; gap:8px; margin-top:20px; color:#ccc; }

.campaign-preset-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-bottom:16px; }
.campaign-preset { padding:14px; border:1px solid var(--ak-border); border-radius:14px; background:#121212; color:#fff; text-align:left; cursor:pointer; }
.campaign-preset:hover, .campaign-preset.active { border-color:rgba(255,32,44,.55); background:rgba(255,32,44,.07); }
.campaign-preset strong { display:block; margin-bottom:4px; }
.campaign-preset span { color:#929292; font-size:12px; }
.campaign-preview { margin-top:14px; padding:18px; border:1px dashed rgba(255,255,255,.18); border-radius:14px; background:#fff; color:#111; max-height:360px; overflow:auto; }

@keyframes akSpin { to { transform:rotate(360deg); } }
@keyframes akSlideUp { from { opacity:0; transform:translateY(12px); } }

@media (max-width:900px) {
    .ak-permission-grid, .campaign-preset-grid { grid-template-columns:1fr; }
    .ak-discount-fields { grid-template-columns:1fr 1fr; }
}
@media (max-width:600px) {
    .site-ui-toast { right:16px; bottom:16px; }
    .site-ui-modal-actions { flex-direction:column-reverse; }
    .site-ui-button { width:100%; }
    .ak-discount-fields { grid-template-columns:1fr; }
    .giveaway-live-shell { padding:14px; }
    .giveaway-live-toolbar { align-items:flex-start; flex-direction:column; }
    .giveaway-live-stage { min-height:520px; padding:18px; }
}

[data-permission][hidden] { display:none !important; }
.ak-notification-type { display:block; margin-bottom:4px; color:#ff6570; font-size:10px; font-weight:900; letter-spacing:.8px; }
.ak-notification-actions { display:flex; flex-direction:column; align-items:flex-end; gap:7px; }
.ak-notification-actions a,.ak-notification-actions button { border:1px solid rgba(255,255,255,.12); border-radius:9px; padding:7px 10px; background:#191919; color:#fff; text-decoration:none; font-weight:800; cursor:pointer; }
.ak-recent-sale { position:absolute; z-index:3; top:8px; right:8px; padding:5px 7px; border-radius:7px; background:#ff202c; color:#fff; font-size:10px; font-weight:900; }
.recent-product-card { position:relative; }
.product-detail-cover { position:relative; overflow:hidden; }
.campaign-template-fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.giveaway-live-toolbar-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.ak-live-select { min-width:280px; padding:11px 14px; border:1px solid rgba(255,255,255,.15); border-radius:12px; background:#151515; color:#fff; font:inherit; }
.giveaway-live-logo { display:grid; place-items:center; width:110px; height:110px; margin:0 auto 18px; border:2px solid #ff202c; border-radius:28px; color:#ff202c; font-size:70px; font-weight:1000; box-shadow:0 0 40px rgba(255,32,44,.25); transform:skew(-8deg); }
.giveaway-live-toolbar h2 { margin:3px 0 0; }
.giveaway-live-toolbar small { color:#ff202c; font-weight:900; letter-spacing:2px; }
.admin-product-card .ak-discount-panel input { background:#101010; color:#fff; border:1px solid rgba(255,255,255,.14); border-radius:9px; padding:9px; }
@media(max-width:800px){.campaign-template-fields{grid-template-columns:1fr}.ak-notification-actions{align-items:stretch}.member-notification{grid-template-columns:38px minmax(0,1fr)!important}.ak-notification-actions{grid-column:2}.giveaway-live-toolbar-actions,.ak-live-select{width:100%}}

.site-ui-modal-input { width:100%; margin-top:16px; padding:12px 14px; resize:vertical; border:1px solid rgba(255,255,255,.16); border-radius:12px; background:#0d0d0d; color:#fff; font:inherit; line-height:1.5; outline:none; }
.site-ui-modal-input:focus { border-color:rgba(255,32,44,.72); box-shadow:0 0 0 3px rgba(255,32,44,.12); }