/* Abyss Theme - Global Configuration */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@1,400;1,700;1,900&family=Poppins:wght@400;500;600;700;800;900&family=Ubuntu:wght@400;500;700&display=swap');

/* ========== THEME COLOR SYSTEM ========== */
/* Light Mode Themes */
[data-theme="sky"]     { --bg:#dce9f5;--sf:#fff;--so:#d0e2f4;--bd:#b8cfea;--ac:#3b9cf5;--ah:#2889e2;--al:#d4eaff;--ad:#1a5fa0;--td:#1a2f4e;--tm:#4a6585;--tt:#7b97b5;--sh:rgba(59,156,245,.15);--zone:#7ec8f8;--zone2:#b5ddfb; }
[data-theme="amber"]   { --bg:#f5ecda;--sf:#fff;--so:#f0e4c8;--bd:#e5d5a8;--ac:#ea8f00;--ah:#d07e00;--al:#ffe7b8;--ad:#664400;--td:#3d2e10;--tm:#7a6540;--tt:#a89470;--sh:rgba(234,143,0,.15);--zone:#f5c96a;--zone2:#f8dea0; }
[data-theme="emerald"] { --bg:#ddf5ea;--sf:#fff;--so:#cceedd;--bd:#a8dfc2;--ac:#10b981;--ah:#0d9e6e;--al:#d1fae5;--ad:#064e3b;--td:#14332a;--tm:#3d6b5a;--tt:#6b9e8a;--sh:rgba(16,185,129,.15);--zone:#6ee7b7;--zone2:#a7f3d0; }
[data-theme="rose"]    { --bg:#f5dfe6;--sf:#fff;--so:#f0d2dc;--bd:#e5b5c8;--ac:#e84383;--ah:#d4306f;--al:#ffe0eb;--ad:#8b1a4a;--td:#3d1428;--tm:#7a4060;--tt:#b07090;--sh:rgba(232,67,131,.15);--zone:#f0a0bd;--zone2:#f5c5d6; }
[data-theme="honey"]   { --bg:#fbf3d3;--sf:#fff;--so:#f7ebb8;--bd:#eed98e;--ac:#f4b400;--ah:#d89e00;--al:#fdf4c4;--ad:#7a5800;--td:#322808;--tm:#6c5b26;--tt:#9a8a4e;--sh:rgba(244,180,0,.16);--zone:#f7cb44;--zone2:#fbe690; }
[data-theme="green"]   { --bg:#dcf5e3;--sf:#fff;--so:#c8eed3;--bd:#a0e0b3;--ac:#22c55e;--ah:#16a34a;--al:#dcfce7;--ad:#14532d;--td:#0c2e18;--tm:#3d6b50;--tt:#6d9c80;--sh:rgba(34,197,94,.15);--zone:#5fd98a;--zone2:#a3ecbe; }
[data-theme="brown"]   { --bg:#f0e6da;--sf:#fff;--so:#e8d8c5;--bd:#d8bfa3;--ac:#8c5e3c;--ah:#704826;--al:#f0e0cc;--ad:#4a2f18;--td:#2e2014;--tm:#6e5640;--tt:#9c8470;--sh:rgba(140,94,60,.15);--zone:#c79a6e;--zone2:#e0c5a3; }
[data-theme="flame"]   { --bg:#f5ddd8;--sf:#fff;--so:#f0cec5;--bd:#e5b0a5;--ac:#dc3545;--ah:#c42838;--al:#ffe0e0;--ad:#8b1520;--td:#3d1410;--tm:#7a4035;--tt:#b07060;--sh:rgba(220,53,69,.15);--zone:#f0907a;--zone2:#f5b5a5; }
[data-theme="ender"]   { --bg:#e5ddf5;--sf:#fff;--so:#d8ccf0;--bd:#bfa8e8;--ac:#7c3aed;--ah:#6d28d9;--al:#e8ddff;--ad:#3b1090;--td:#1a1030;--tm:#503880;--tt:#8060b0;--sh:rgba(124,58,237,.15);--zone:#a080e0;--zone2:#c4b0f0; }
[data-theme="nether"]  { --bg:#f5e0d5;--sf:#fff;--so:#f0d0c0;--bd:#e5b5a0;--ac:#e05530;--ah:#c84520;--al:#ffe0d0;--ad:#802810;--td:#3d1810;--tm:#7a4530;--tt:#b07558;--sh:rgba(224,85,48,.15);--zone:#f09570;--zone2:#f5b8a0; }
[data-theme="redstone"] { --bg:#f5dada;--sf:#fff;--so:#f0c5c5;--bd:#e5a5a5;--ac:#c43030;--ah:#b02020;--al:#ffd5d5;--ad:#701010;--td:#3d1010;--tm:#7a3535;--tt:#b06060;--sh:rgba(196,48,48,.15);--zone:#e88080;--zone2:#f0a8a8; }

/* Dark Mode Themes */
[data-mode="dark"][data-theme="sky"]     { --bg:#0f1c30;--sf:#182538;--so:#1e3050;--bd:#2a4065;--ac:#5baff5;--ah:#4a9ee8;--al:#1a3050;--ad:#8cc8ff;--td:#d0ddf0;--tm:#8ea4c0;--tt:#5a708a;--sh:rgba(0,0,0,.4);--zone:#1a3550;--zone2:#142538; }
[data-mode="dark"][data-theme="amber"]   { --bg:#1e180a;--sf:#28200e;--so:#332a18;--bd:#4a3a1a;--ac:#f0a020;--ah:#e09018;--al:#332210;--ad:#ffcc60;--td:#e8dcc0;--tm:#b0a080;--tt:#7a6a50;--sh:rgba(0,0,0,.4);--zone:#3a2810;--zone2:#2a1e08; }
[data-mode="dark"][data-theme="emerald"] { --bg:#0a1a14;--sf:#0e2018;--so:#183025;--bd:#1a3a28;--ac:#20c990;--ah:#18b080;--al:#0a2a18;--ad:#60e0b0;--td:#c0e0d0;--tm:#80b098;--tt:#508068;--sh:rgba(0,0,0,.4);--zone:#1a3828;--zone2:#0a2820; }
[data-mode="dark"][data-theme="rose"]    { --bg:#1e0a14;--sf:#28101a;--so:#331a28;--bd:#4a1a30;--ac:#f05090;--ah:#e04080;--al:#330a20;--ad:#ff80b0;--td:#e8c0d0;--tm:#b08098;--tt:#7a5068;--sh:rgba(0,0,0,.4);--zone:#3a1830;--zone2:#2a1028; }
[data-mode="dark"][data-theme="honey"]   { --bg:#1c1608;--sf:#26200c;--so:#322a14;--bd:#4a3e1a;--ac:#f7bf24;--ah:#deaa14;--al:#2a2410;--ad:#fad972;--td:#e8dcc0;--tm:#aa9c70;--tt:#7a6e48;--sh:rgba(0,0,0,.4);--zone:#342c12;--zone2:#221c0a; }
[data-mode="dark"][data-theme="green"]   { --bg:#08190f;--sf:#0e2216;--so:#163020;--bd:#1c4028;--ac:#3cdb73;--ah:#28c25e;--al:#0a2814;--ad:#86efac;--td:#c0ecce;--tm:#80b292;--tt:#507862;--sh:rgba(0,0,0,.4);--zone:#103020;--zone2:#082014; }
[data-mode="dark"][data-theme="brown"]   { --bg:#1a120a;--sf:#22180e;--so:#2e2216;--bd:#44331e;--ac:#c08850;--ah:#a87340;--al:#281c10;--ad:#e0b888;--td:#e6d8c4;--tm:#aa9472;--tt:#7a6450;--sh:rgba(0,0,0,.4);--zone:#342414;--zone2:#22180e; }
[data-mode="dark"][data-theme="flame"]   { --bg:#1e0c0a;--sf:#28120e;--so:#331a15;--bd:#4a2018;--ac:#e84545;--ah:#d03838;--al:#331010;--ad:#ff8080;--td:#e8c8c0;--tm:#b08078;--tt:#7a5048;--sh:rgba(0,0,0,.4);--zone:#3a1810;--zone2:#2a1008; }
[data-mode="dark"][data-theme="ender"]   { --bg:#10081e;--sf:#180e28;--so:#201438;--bd:#301a50;--ac:#9050f0;--ah:#8040e0;--al:#180a30;--ad:#b880ff;--td:#d8c8f0;--tm:#a090c0;--tt:#705888;--sh:rgba(0,0,0,.4);--zone:#201040;--zone2:#180830; }
[data-mode="dark"][data-theme="nether"]  { --bg:#1e100a;--sf:#28160e;--so:#331e15;--bd:#4a2818;--ac:#e86838;--ah:#d05828;--al:#331508;--ad:#ff9860;--td:#e8d0c0;--tm:#b08870;--tt:#7a5840;--sh:rgba(0,0,0,.4);--zone:#3a2010;--zone2:#2a1808; }
[data-mode="dark"][data-theme="redstone"]{ --bg:#1e0a0a;--sf:#28100e;--so:#331515;--bd:#4a1a18;--ac:#d84040;--ah:#c03030;--al:#330a0a;--ad:#ff8080;--td:#e8c0c0;--tm:#b07878;--tt:#7a5050;--sh:rgba(0,0,0,.4);--zone:#3a1010;--zone2:#2a0808; }

/* Abyss Mode Themes */
[data-mode="abyss"][data-theme="sky"]     { --bg:#0a0a0f;--sf:#141418;--so:#1a1a22;--bd:#2a2a35;--ac:#3b9cf5;--ah:#2889e2;--al:#141828;--ad:#8cc8ff;--td:#e0e4ea;--tm:#8a90a0;--tt:#555a68;--sh:rgba(0,0,0,.5);--zone:#101018;--zone2:#0c0c12; }
[data-mode="abyss"][data-theme="amber"]   { --bg:#0a0a0f;--sf:#141418;--so:#1a1a22;--bd:#2a2a35;--ac:#ea8f00;--ah:#d07e00;--al:#1a1610;--ad:#ffcc60;--td:#e0e4ea;--tm:#8a90a0;--tt:#555a68;--sh:rgba(0,0,0,.5);--zone:#101018;--zone2:#0c0c12; }
[data-mode="abyss"][data-theme="emerald"] { --bg:#0a0a0f;--sf:#141418;--so:#1a1a22;--bd:#2a2a35;--ac:#10b981;--ah:#0d9e6e;--al:#0e1a14;--ad:#60e0b0;--td:#e0e4ea;--tm:#8a90a0;--tt:#555a68;--sh:rgba(0,0,0,.5);--zone:#101018;--zone2:#0c0c12; }
[data-mode="abyss"][data-theme="rose"]    { --bg:#0a0a0f;--sf:#141418;--so:#1a1a22;--bd:#2a2a35;--ac:#e84383;--ah:#d4306f;--al:#1a1018;--ad:#ff80b0;--td:#e0e4ea;--tm:#8a90a0;--tt:#555a68;--sh:rgba(0,0,0,.5);--zone:#101018;--zone2:#0c0c12; }
[data-mode="abyss"][data-theme="honey"]   { --bg:#0a0a0f;--sf:#141418;--so:#1a1a22;--bd:#2a2a35;--ac:#f7bf24;--ah:#deaa14;--al:#1a1608;--ad:#fad972;--td:#e0e4ea;--tm:#8a90a0;--tt:#555a68;--sh:rgba(0,0,0,.5);--zone:#101018;--zone2:#0c0c12; }
[data-mode="abyss"][data-theme="green"]   { --bg:#0a0a0f;--sf:#141418;--so:#1a1a22;--bd:#2a2a35;--ac:#22c55e;--ah:#16a34a;--al:#0a1a10;--ad:#6ee79a;--td:#e0e4ea;--tm:#8a90a0;--tt:#555a68;--sh:rgba(0,0,0,.5);--zone:#101018;--zone2:#0c0c12; }
[data-mode="abyss"][data-theme="brown"]   { --bg:#0a0a0f;--sf:#141418;--so:#1a1a22;--bd:#2a2a35;--ac:#b07b48;--ah:#946238;--al:#1a1208;--ad:#e0b888;--td:#e0e4ea;--tm:#8a90a0;--tt:#555a68;--sh:rgba(0,0,0,.5);--zone:#101018;--zone2:#0c0c12; }
[data-mode="abyss"][data-theme="flame"]   { --bg:#0a0a0f;--sf:#141418;--so:#1a1a22;--bd:#2a2a35;--ac:#dc3545;--ah:#c42838;--al:#1a1010;--ad:#ff8080;--td:#e0e4ea;--tm:#8a90a0;--tt:#555a68;--sh:rgba(0,0,0,.5);--zone:#101018;--zone2:#0c0c12; }
[data-mode="abyss"][data-theme="ender"]   { --bg:#0a0a0f;--sf:#141418;--so:#1a1a22;--bd:#2a2a35;--ac:#7c3aed;--ah:#6d28d9;--al:#140a20;--ad:#b080ff;--td:#e0e4ea;--tm:#8a90a0;--tt:#555a68;--sh:rgba(0,0,0,.5);--zone:#101018;--zone2:#0c0c12; }
[data-mode="abyss"][data-theme="nether"]  { --bg:#0a0a0f;--sf:#141418;--so:#1a1a22;--bd:#2a2a35;--ac:#e05530;--ah:#c84520;--al:#1a1008;--ad:#ff9060;--td:#e0e4ea;--tm:#8a90a0;--tt:#555a68;--sh:rgba(0,0,0,.5);--zone:#101018;--zone2:#0c0c12; }
[data-mode="abyss"][data-theme="redstone"]{ --bg:#0a0a0f;--sf:#141418;--so:#1a1a22;--bd:#2a2a35;--ac:#c43030;--ah:#b02020;--al:#1a0a0a;--ad:#ff7070;--td:#e0e4ea;--tm:#8a90a0;--tt:#555a68;--sh:rgba(0,0,0,.5);--zone:#101018;--zone2:#0c0c12; }

/* ========== BASE ========== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{color:var(--td);font-family:'Poppins','Ubuntu',system-ui,sans-serif;background:var(--bg);transition:background .3s,color .3s;overflow-x:hidden;line-height:1.6}
a{text-decoration:none;color:inherit}
ul{list-style:none;padding:0;margin:0}

/* ========== UTILITY CLASSES ========== */
.c-bg{background:var(--bg)}
.c-sf{background:var(--sf)}
.c-so{background:var(--so)}
.c-al{background:var(--al)}
.c-ac{background:var(--ac)}
.c-ah{background:var(--ah)}
.c-sf90{background:color-mix(in srgb,var(--sf) 92%,transparent)}
.c-so50{background:color-mix(in srgb,var(--so) 50%,transparent)}

.t-d{color:var(--td)}
.t-m{color:var(--tm)}
.t-t{color:var(--tt)}
.t-ac{color:var(--ac)}
.t-ah{color:var(--ah)}
.t-ad{color:var(--ad)}
.t-w{color:#fff}

.b-bd{border-color:var(--bd)}
.b-bd40{border-color:color-mix(in srgb,var(--bd) 40%,transparent)}
.b-ac{border-color:var(--ac)}

.sh-c{box-shadow:0 1px 3px rgba(0,0,0,.06),0 4px 16px -2px var(--sh)}
.sh-s{box-shadow:0 4px 24px -4px var(--sh)}
.sh-n{box-shadow:0 2px 20px -2px var(--sh)}
.sh-lg{box-shadow:0 8px 40px -8px var(--sh)}

.grad-ac{background:linear-gradient(135deg,var(--ac),var(--ah))}

/* ========== COMPONENTS ========== */
.card{background:var(--sf);border:1px solid color-mix(in srgb,var(--bd) 40%,transparent);border-radius:1rem;box-shadow:0 1px 3px rgba(0,0,0,.06),0 4px 16px -2px var(--sh);transition:transform .2s,box-shadow .2s;margin-bottom:1rem}
.card:hover{transform:translateY(-2px);box-shadow:0 4px 24px -4px var(--sh)}
.card-flat{background:var(--sf);border:1px solid color-mix(in srgb,var(--bd) 40%,transparent);border-radius:1rem}

.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:.75rem;font-weight:700;font-size:.875rem;cursor:pointer;border:none;transition:all .2s;font-family:inherit}
.btn-primary{background:var(--ac);color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.btn-primary:hover{background:var(--ah);box-shadow:0 4px 16px rgba(0,0,0,.15)}
[data-theme="honey"] .btn-primary,
[data-theme="honey"] .badge-fill,
[data-theme="honey"] .page-btn.active{color:#332600}
.btn-secondary{background:var(--so);color:var(--ac);border:1px solid var(--bd)}
.btn-secondary:hover{background:var(--al)}
.btn-ghost{background:transparent;color:var(--tm)}
.btn-ghost:hover{background:var(--so)}
.btn-outline{background:transparent;color:var(--ac);border:1px solid var(--ac)}
.btn-outline:hover{background:var(--al)}
.btn-sm{padding:.375rem .875rem;font-size:.75rem}
.btn-lg{padding:.75rem 1.5rem;font-size:1rem}
.btn-success{background:#16a34a;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.btn-success:hover{background:#15803d;box-shadow:0 4px 16px rgba(0,0,0,.15)}
.btn-danger{background:#dc2626;color:#fff}
.btn-danger:hover{background:#b91c1c}

.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:99px;font-size:.6875rem;font-weight:700}
.badge-ac{background:var(--al);color:var(--ac)}
.badge-fill{background:var(--ac);color:#fff}
.badge-success{background:#d1fae5;color:#059669}
.badge-warning{background:#fef3c7;color:#d97706}
.badge-danger{background:#fee2e2;color:#dc2626}
.badge-info{background:#dbeafe;color:#2563eb}
[data-mode="dark"] .badge-success{background:#0a2a18;color:#34d399}
[data-mode="dark"] .badge-warning{background:#332a08;color:#fbbf24}
[data-mode="dark"] .badge-danger{background:#330a0a;color:#fca5a5}
[data-mode="dark"] .badge-info{background:#0a1850;color:#93bbfd}
[data-mode="abyss"] .badge-success{background:#061a10;color:#34d399}
[data-mode="abyss"] .badge-warning{background:#1a1808;color:#fbbf24}
[data-mode="abyss"] .badge-danger{background:#1a0606;color:#fca5a5}
[data-mode="abyss"] .badge-info{background:#060c28;color:#93bbfd}

.input{width:100%;padding:.625rem 1rem;border-radius:.75rem;border:1px solid var(--bd);background:var(--sf);color:var(--td);font-size:.875rem;font-family:inherit;transition:border-color .2s,box-shadow .2s;outline:none}
.input:focus{border-color:var(--ac);box-shadow:0 0 0 3px color-mix(in srgb,var(--ac) 15%,transparent)}
.input-sm{padding:.375rem .75rem;font-size:.75rem}
.input-lg{padding:.75rem 1.25rem;font-size:1rem}
textarea.input{resize:vertical;min-height:100px}
select.input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}

.table-wrap{overflow-x:auto;border-radius:1rem;border:1px solid color-mix(in srgb,var(--bd) 40%,transparent)}
.table{width:100%;border-collapse:collapse;font-size:.875rem}
.table th{background:var(--so);color:var(--td);font-weight:700;padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--bd)}
.table th.text-center{text-align:center}
.table td{padding:.75rem 1rem;border-bottom:1px solid color-mix(in srgb,var(--bd) 30%,transparent)}
.table td.text-center{text-align:center}
.table tr:last-child td{border-bottom:none}
.table tr:hover td{background:color-mix(in srgb,var(--so) 30%,transparent)}

.tabs{display:flex;gap:.25rem;background:var(--so);padding:.25rem;border-radius:.75rem;border:1px solid var(--bd)}
.tab{padding:.5rem 1rem;border-radius:.625rem;font-weight:600;font-size:.875rem;color:var(--tm);cursor:pointer;border:none;background:transparent;transition:all .2s}
.tab.active{background:var(--sf);color:var(--ac);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.tab:hover:not(.active){opacity:.7}

.alert{padding:1rem 1.25rem;border-radius:.75rem;font-size:.875rem;font-weight:500;display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}
.alert-info{background:var(--al);color:var(--ad);border:1px solid color-mix(in srgb,var(--ac) 30%,transparent)}
.alert-success{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}
.alert-warning{background:#fef3c7;color:#92400e;border:1px solid #fbbf24}
.alert-danger{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}
[data-mode="dark"] .alert-success{background:#0a2a18;color:#6ee7b7;border-color:#134e3a}
[data-mode="dark"] .alert-warning{background:#332a08;color:#fbbf24;border-color:#4a3a1a}
[data-mode="dark"] .alert-danger{background:#330a0a;color:#fca5a5;border-color:#4a1a1a}
[data-mode="abyss"] .alert-success{background:#061a10;color:#6ee7b7;border-color:#0e3020}
[data-mode="abyss"] .alert-warning{background:#1a1808;color:#fbbf24;border-color:#2a2810}
[data-mode="abyss"] .alert-danger{background:#1a0606;color:#fca5a5;border-color:#2a1010}

.pagination{display:flex;gap:.25rem;align-items:center}
.page-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:.5rem;font-weight:600;font-size:.875rem;border:1px solid var(--bd);background:var(--sf);color:var(--tm);cursor:pointer;transition:all .2s}
.page-btn:hover{background:var(--so)}
.page-btn.active{background:var(--ac);color:#fff;border-color:var(--ac)}

.tooltip{position:relative}
.tooltip::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--td);color:var(--bg);font-size:.75rem;font-weight:600;padding:.375rem .75rem;border-radius:.5rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s;pointer-events:none;z-index:100}
.tooltip:hover::after{opacity:1;visibility:visible}

.avatar{border-radius:.75rem;object-fit:cover;background:var(--so);padding:2px}
.avatar-sm{width:32px;height:32px}.avatar-md{width:40px;height:40px}.avatar-lg{width:56px;height:56px}.avatar-xl{width:80px;height:80px}
.avatar-circle{border-radius:50%}
.avatar-xs{width:24px;height:24px}

.progress{width:100%;height:8px;background:var(--so);border-radius:99px;overflow:hidden}
.progress-bar{height:100%;background:var(--ac);border-radius:99px;transition:width .3s}

.divider{border:none;border-top:1px solid var(--bd);margin:1.5rem 0}

.section{padding:3rem 0}
.section-sm{padding:1.5rem 0}
.section-lg{padding:5rem 0}

.container{max-width:1400px;margin:0 auto;width:100%;padding:0 1rem}

/* ========== BREADCRUMB ========== */
.breadcrumb{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--sf);border:1px solid color-mix(in srgb,var(--bd) 40%,transparent);border-radius:.75rem;margin-bottom:1rem}
.breadcrumb-item{font-size:.875rem;font-weight:500;color:var(--tm)}
.breadcrumb-item a{color:var(--tm);transition:color .2s}
.breadcrumb-item a:hover{color:var(--ac)}
.breadcrumb-item.active{color:var(--tt)}
.breadcrumb-sep{color:var(--tt);font-size:.75rem}

/* ========== LAYOUT ========== */
.top-zone{position:relative;background:linear-gradient(180deg,var(--zone) 0%,var(--zone2) 70%,var(--bg) 100%);overflow:hidden}
.header-bg-wrap{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 50%,transparent 100%);mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 50%,transparent 100%)}
.header-bg-wrap img{width:100%;height:100%;object-fit:cover;opacity:1}
.header-bg-wrap::after{content:"";position:absolute;inset:0;background:var(--zone);mix-blend-mode:color;pointer-events:none}

[data-mode="dark"] .header-bg-wrap img{opacity:.5}
[data-mode="dark"] .header-bg-wrap::after{background:color-mix(in srgb,var(--zone) 60%,#000)}
[data-mode="abyss"] .header-bg-wrap img{opacity:.35}
[data-mode="abyss"] .header-bg-wrap::after{background:rgba(0,0,0,.75)}

.cloud{position:absolute;border-radius:50%;background:rgba(255,255,255,.35);z-index:0;pointer-events:none}
.cloud::before,.cloud::after{content:'';position:absolute;border-radius:50%;background:inherit}
[data-mode="dark"] .cloud{background:rgba(255,255,255,.08)}
[data-mode="abyss"] .cloud{background:rgba(255,255,255,.04)}
.cl1{width:160px;height:60px;top:12%;left:5%}.cl1::before{width:80px;height:80px;top:-40px;left:30px}.cl1::after{width:100px;height:70px;top:-30px;left:70px}
.cl2{width:120px;height:45px;top:25%;right:8%}.cl2::before{width:60px;height:60px;top:-30px;left:20px}.cl2::after{width:75px;height:55px;top:-25px;left:50px}
.cl3{width:100px;height:40px;top:45%;left:15%}.cl3::before{width:55px;height:55px;top:-28px;left:15px}.cl3::after{width:65px;height:45px;top:-20px;left:45px}
.cl4{width:140px;height:50px;top:8%;right:25%}.cl4::before{width:70px;height:70px;top:-35px;left:25px}.cl4::after{width:85px;height:60px;top:-28px;left:60px}
.cl5{width:90px;height:35px;top:38%;right:3%}.cl5::before{width:50px;height:50px;top:-25px;left:12px}.cl5::after{width:55px;height:40px;top:-18px;left:38px}

@keyframes ripple{0%{transform:scale(0);opacity:.7}100%{transform:scale(1);opacity:0}}
.ripple-ring{position:absolute;border-radius:50%;border:3px solid rgba(255,255,255,.55);pointer-events:none;z-index:1;animation:ripple 5s ease-out infinite}
[data-mode="dark"] .ripple-ring{border-color:rgba(255,255,255,.15)}
[data-mode="abyss"] .ripple-ring{border-color:rgba(255,255,255,.08)}
.rr1{width:600px;height:600px;top:50%;left:50%;margin-top:-300px;margin-left:-300px;animation-delay:-3s}
.rr2{width:600px;height:600px;top:50%;left:50%;margin-top:-300px;margin-left:-300px;animation-delay:-1.66s}
.rr3{width:600px;height:600px;top:50%;left:50%;margin-top:-300px;margin-left:-300px;animation-delay:-0.33s}
.rr4{width:600px;height:600px;top:50%;left:50%;margin-top:-300px;margin-left:-300px;animation-delay:1s}
.rr5{width:600px;height:600px;top:50%;left:50%;margin-top:-300px;margin-left:-300px;animation-delay:2.33s}
.rr6{width:600px;height:600px;top:50%;left:50%;margin-top:-300px;margin-left:-300px;animation-delay:3.66s}

@keyframes sparkle{0%,100%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}
.sparkle{position:absolute;width:6px;height:6px;background:#fff;border-radius:50%;z-index:2;pointer-events:none;animation:sparkle 2s ease-in-out infinite}
[data-mode="dark"] .sparkle{background:rgba(255,255,255,.4)}
[data-mode="abyss"] .sparkle{background:rgba(255,255,255,.2)}
.sp1{top:18%;left:20%;animation-delay:0s}.sp2{top:10%;right:15%;animation-delay:.5s}.sp3{top:35%;left:40%;animation-delay:1s}
.sp4{top:22%;right:30%;animation-delay:1.5s}.sp5{top:42%;right:12%;animation-delay:.8s}.sp6{top:30%;left:8%;animation-delay:1.2s}

.promo-bar{background:color-mix(in srgb,var(--sf) 70%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
[data-mode="dark"] .promo-bar{background:color-mix(in srgb,var(--sf) 80%,transparent)}
[data-mode="abyss"] .promo-bar{background:color-mix(in srgb,var(--sf) 85%,transparent)}

.slider-wrap{position:relative;overflow:hidden;border-radius:1rem;box-shadow:0 1px 3px rgba(0,0,0,.06),0 4px 16px -2px var(--sh);border:1px solid color-mix(in srgb,var(--bd) 40%,transparent)}
.slider-track{display:flex;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.slider-track img{width:100%;flex-shrink:0;object-fit:cover}
.hero-box .slider-track{height:100%}
.hero-box .slider-track img{height:100%;aspect-ratio:auto}
.slider-dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:2}
.slider-dots button{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.5);border:none;cursor:pointer;padding:0;transition:all .3s}
.slider-dots button.active{background:#fff;box-shadow:0 0 8px rgba(255,255,255,.5);width:28px;border-radius:99px}
.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.85);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--td);font-size:18px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .2s;opacity:0}
.slider-wrap:hover .slider-arrow{opacity:1}
.slider-arrow:hover{background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.15)}
.slider-arrow.prev{left:12px}
.slider-arrow.next{right:12px}

.nimg img{transition:transform .5s cubic-bezier(.16,1,.3,1)}
.ncard:hover .nimg img{transform:scale(1.05)}

.tp{opacity:0;visibility:hidden;transform:translateY(-6px) scale(.97);transition:all .2s cubic-bezier(.16,1,.3,1);z-index:9999}
.tp.open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}

.mode-toggle{position:relative;display:flex;background:var(--so);border-radius:99px;padding:3px;border:1px solid var(--bd)}
.mode-toggle button{border:none;background:transparent;cursor:pointer;padding:6px 14px;border-radius:99px;font-size:12px;font-weight:600;color:var(--tm);transition:all .2s;white-space:nowrap}
.mode-toggle button.active{background:var(--sf);color:var(--ac);box-shadow:0 1px 3px rgba(0,0,0,.08)}

.ft-zone{position:relative;background:linear-gradient(180deg,var(--bg) 0%,var(--zone2) 30%,var(--zone) 100%);overflow:hidden}
.ft-zone .cloud{background:rgba(255,255,255,.25)}
[data-mode="dark"] .ft-zone .cloud{background:rgba(255,255,255,.06)}
[data-mode="abyss"] .ft-zone .cloud{background:rgba(255,255,255,.03)}
.ft-img-l,.ft-img-r{position:absolute;bottom:0;z-index:0;pointer-events:none;max-height:220px;object-fit:contain;opacity:.5}
.ft-img-l{left:0}.ft-img-r{right:0}


.nav-dropdown{position:relative}
.nav-dropdown-trigger{background:none;border:none;cursor:pointer;font-family:inherit}
.nav-dropdown-menu{position:fixed;min-width:180px;background:var(--sf);border:1px solid color-mix(in srgb,var(--bd) 40%,transparent);border-radius:.75rem;box-shadow:0 4px 24px -4px var(--sh);opacity:0;visibility:hidden;transform:translateY(-4px);transition:all .15s;z-index:9500;padding:.25rem;pointer-events:none}
.nav-dropdown-menu.open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.nav-dropdown-menu a{display:block;padding:.5rem .75rem;border-radius:.5rem;font-size:.8125rem;font-weight:600;color:var(--tm);transition:all .15s}
.nav-dropdown-menu a:hover{background:var(--so);color:var(--ac)}

.user-widget{display:flex;align-items:center;gap:2px}
.user-avatar-flip{transform:scaleX(-1)}

.sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9990;opacity:0;visibility:hidden;transition:all .3s;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.sidebar-overlay.open{opacity:1;visibility:visible}

.user-sidebar{position:fixed;top:0;right:-380px;width:360px;max-width:90vw;height:100vh;background:var(--sf);z-index:9991;padding:20px;padding-top:16px;overflow-y:auto;transition:right .35s cubic-bezier(.16,1,.3,1);box-shadow:-8px 0 40px rgba(0,0,0,.15);border-left:1px solid var(--bd);display:flex;flex-direction:column}
.user-sidebar.open{right:0}
.user-sidebar .sidebar-logged-in{display:flex;flex-direction:column;flex:1;min-height:0}
.user-sidebar .sidebar-guest.hidden{display:none!important}
.user-sidebar .sidebar-logged-in.hidden{display:none!important}

.sidebar-menu-item:hover{background:var(--so)}

.sidebar-profile-card::before{content:'';position:absolute;top:-50%;right:-30%;width:200px;height:200px;background:rgba(255,255,255,.08);border-radius:50%;pointer-events:none}
.sidebar-profile-card::after{content:'';position:absolute;bottom:-40%;left:-20%;width:150px;height:150px;background:rgba(255,255,255,.05);border-radius:50%;pointer-events:none}

.collapsible-content{max-height:500px;overflow:hidden;transition:max-height .3s ease,opacity .3s;opacity:1}
.collapsible-content.collapsed{max-height:0;opacity:0}

::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--bd);border-radius:99px}
::-webkit-scrollbar-thumb:hover{background:var(--ac)}

.kashi-sig{font-family:'Playfair Display',serif;font-style:italic;font-weight:900}

.footer-dropdown{position:relative}
.footer-dropdown-trigger{display:flex;align-items:center;gap:6px;background:var(--so);padding:7px 12px;border-radius:.625rem;border:1px solid color-mix(in srgb,var(--bd) 40%,transparent);width:100%;min-width:0;cursor:pointer;font-family:inherit;transition:all .2s}
.footer-dropdown-trigger:hover{border-color:var(--ac);background:var(--al)}
.footer-dropdown-value{flex:1;font-size:.75rem;font-weight:700;color:var(--tm);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.footer-dropdown-arrow{width:10px;height:10px;flex-shrink:0;transition:transform .2s}
.footer-dropdown.open .footer-dropdown-arrow{transform:rotate(180deg)}
.footer-dropdown-menu{position:absolute;bottom:calc(100% + 6px);left:0;right:0;background:var(--sf);border:1px solid color-mix(in srgb,var(--bd) 40%,transparent);border-radius:.625rem;box-shadow:0 4px 24px -4px var(--sh);z-index:50;opacity:0;visibility:hidden;transform:translateY(4px);transition:all .15s;max-height:200px;overflow-y:auto;padding:.25rem;pointer-events:none}
.footer-dropdown.open .footer-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.footer-dropdown-item{display:block;width:100%;text-align:left;padding:.375rem .625rem;border-radius:.375rem;font-size:.75rem;font-weight:600;color:var(--tm);cursor:pointer;transition:all .15s;border:none;background:transparent;font-family:inherit}
.footer-dropdown-item:hover{background:var(--so);color:var(--ac)}
.footer-dropdown-item.active{color:var(--ac);font-weight:700;background:var(--al)}

.footer-sig-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:.5rem;font-size:.6875rem;font-weight:500;color:var(--tt);background:var(--so);border:1px solid color-mix(in srgb,var(--bd) 40%,transparent);transition:all .2s;text-decoration:none}
.footer-sig-btn:hover{color:var(--ac);border-color:var(--ac);background:var(--al)}
.footer-sig-btn .kashi-sig{font-size:.75rem}

.powered-by-wrap a{display:inline-flex!important;align-items:center!important;gap:4px!important;padding:5px 12px!important;border-radius:.5rem!important;font-size:.6875rem!important;font-weight:500!important;color:var(--tt)!important;background:var(--so)!important;border:1px solid color-mix(in srgb,var(--bd) 40%,transparent)!important;transition:all .2s!important;text-decoration:none!important;font-family:inherit!important;line-height:1.4!important}
.powered-by-wrap a:hover{color:var(--ac)!important;border-color:var(--ac)!important;background:var(--al)!important}
.powered-by-wrap a b,.powered-by-wrap a strong{font-weight:800!important}
.powered-by-wrap a img{height:12px!important;width:auto!important}

/* ========== BROADCAST ========== */
.broadcast{width:100%;height:44px;background:var(--sf);overflow:hidden;border-bottom:1px solid var(--bd)}
.broadcast-item{display:inline-block;padding:10px 600px 10px 0}
@media (max-width: 768px){.broadcast-item{padding-right:400px}}
.broadcast-link{color:var(--td)}

/* ========== ROLE SYSTEM ========== */
.role__default{display:inline-block;background:var(--so);overflow:hidden;font-size:85%;font-weight:700;letter-spacing:.04em;line-height:1;padding:.25rem .5rem;border-radius:.25rem;white-space:nowrap}

/* ========== PAGE CONTENT COMPAT ========== */
.page-wrapper{flex:1}
.page-title{font-size:1.5rem;font-weight:800;color:var(--td)}
.text-muted{color:var(--tt)}
.form-control{width:100%;padding:.625rem 1rem;border-radius:.75rem;border:1px solid var(--bd);background:var(--sf);color:var(--td);font-size:.875rem;font-family:inherit;outline:none}
.form-control:focus{border-color:var(--ac);box-shadow:0 0 0 3px color-mix(in srgb,var(--ac) 15%,transparent)}
.form-label{display:block;font-size:.875rem;font-weight:600;color:var(--td);margin-bottom:.375rem}

/* ========== STORE CATEGORY DROPDOWN ========== */
.store-cat-menu{animation:mobileMenuSlide .15s ease-out}

/* ========== MOBILE MENU ========== */
#mobileMenu{animation:mobileMenuSlide .2s ease-out}
@keyframes mobileMenuSlide{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}

/* ========== RESPONSIVE ========== */
@media (max-width: 1024px) {
	.top-zone .header-banner-content .row > div:first-child,
	.top-zone .header-banner-content .row > div:last-child {
		display: none;
	}
	.top-zone{padding-bottom:1.5rem}
	.promo-bar{font-size:.75rem;padding:.5rem 1rem;gap:.5rem}
}

@media (max-width: 640px) {
	.top-zone .promo-bar{flex-direction:column;text-align:center;gap:.375rem}
	.footer-stats{flex-direction:column;gap:.75rem}
}

/* ========== SWEETALERT COMPAT ========== */
.swal2-popup{border-radius:1rem!important;background:var(--sf)!important;color:var(--td)!important}
.swal2-confirm{background:var(--ac)!important;border-radius:.75rem!important}

/* ========== AUTH FORM COMPONENTS ========== */
.abyss-input{width:100%;padding:.75rem 1rem;border-radius:.875rem;font-size:.8125rem;font-weight:500;border:1.5px solid color-mix(in srgb,var(--bd) 50%,transparent);background:var(--so);color:var(--td);font-family:inherit;outline:none;transition:all .2s}
.abyss-input::placeholder{color:var(--tt);font-weight:400}
.abyss-input:focus{border-color:var(--ac);background:var(--sf);box-shadow:0 0 0 3px color-mix(in srgb,var(--ac) 12%,transparent)}

.abyss-checkbox{width:1rem;height:1rem;border-radius:.25rem;border:1.5px solid var(--bd);background:var(--so);accent-color:var(--ac);cursor:pointer}

.abyss-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.875rem;font-size:.8125rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--ac),var(--ah));border:none;cursor:pointer;font-family:inherit;box-shadow:0 4px 14px -3px color-mix(in srgb,var(--ac) 40%,transparent);transition:all .2s;text-decoration:none}
.abyss-btn-primary:hover{box-shadow:0 6px 20px -3px color-mix(in srgb,var(--ac) 50%,transparent);transform:translateY(-1px)}
.abyss-btn-primary:active{transform:translateY(0)}

.abyss-btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.875rem;font-size:.8125rem;font-weight:700;color:var(--tm);background:var(--so);border:1.5px solid color-mix(in srgb,var(--bd) 50%,transparent);cursor:pointer;font-family:inherit;transition:all .2s;text-decoration:none}
.abyss-btn-outline:hover{border-color:var(--ac);color:var(--ac);background:var(--al)}

.abyss-btn-social{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.875rem;font-size:.8125rem;font-weight:700;color:#fff;border:none;cursor:pointer;font-family:inherit;transition:all .2s;text-decoration:none}
.abyss-btn-social:hover{opacity:.9;transform:translateY(-1px)}

/* ========== TIER INFO TOOLTIP ========== */
.tier-info-btn{position:relative}
.tier-info-popup{opacity:0;transform:translateY(4px) scale(.95);transition:all .2s ease;pointer-events:none;display:block!important}
.tier-info-btn:hover .tier-info-popup{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}

/* ========== SELECT2 THEME ========== */
.select2-container--default .select2-selection--single{background:var(--sf);border:1px solid var(--bd);border-radius:.75rem;height:42px;display:flex;align-items:center;padding:0 .75rem;transition:border-color .2s}
.select2-container--default .select2-selection--single:focus,.select2-container--default.select2-container--open .select2-selection--single{border-color:var(--ac);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--ac) 15%,transparent)}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--tm);padding:0;line-height:1.5}
.select2-container--default .select2-selection--single .select2-selection__placeholder{color:var(--td)}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:100%;right:8px}
.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:var(--td) transparent transparent transparent}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent var(--td) transparent}
.select2-container--default .select2-dropdown{background:var(--sf);border:1px solid var(--bd);border-radius:.75rem;overflow:hidden;box-shadow:0 10px 25px -5px rgba(0,0,0,.15);margin-top:4px}
.select2-container--default .select2-results__option{padding:.5rem .75rem;font-size:.875rem;color:var(--tm);transition:background .15s}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--ac);color:#fff}
.select2-container--default .select2-results__option[aria-selected=true]{background:color-mix(in srgb,var(--ac) 15%,transparent);color:var(--ac)}
.select2-container--default .select2-search--dropdown .select2-search__field{background:var(--so);border:1px solid var(--bd);border-radius:.5rem;padding:.5rem .75rem;color:var(--tm);font-size:.875rem}
.select2-container--default .select2-search--dropdown .select2-search__field:focus{border-color:var(--ac);outline:none}
.select2-container--default .select2-selection--multiple{background:var(--sf);border:1px solid var(--bd);border-radius:.75rem;min-height:42px;padding:4px 8px}
.select2-container--default .select2-selection--multiple .select2-selection__choice{background:var(--ac);color:#fff;border:none;border-radius:.5rem;padding:2px 8px;font-size:.75rem;font-weight:600}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:rgba(255,255,255,.7);margin-right:4px}
.select2-container--bootstrap4 .select2-selection{background:var(--sf);border:1px solid var(--bd)}
.select2-container--bootstrap4 .select2-selection--single{height:42px}
.select2-container--bootstrap4 .select2-dropdown{background:var(--sf);border-color:var(--bd)}
.select2-results__option{background:var(--sf);color:var(--tm)}

/* ========== PROMO BANNER ========== */
.promo-banner{position:relative;border-radius:1rem;overflow:hidden;background:linear-gradient(135deg,var(--ac),var(--ah),color-mix(in srgb,var(--ah) 80%,#000));min-height:130px}
.promo-banner::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 50%,rgba(255,255,255,.08) 0%,transparent 70%);pointer-events:none}
.promo-inner{position:relative;z-index:2;display:flex;align-items:center;padding:1.5rem 2rem;gap:1.5rem}
.promo-content{flex:1;min-width:0}
.promo-badge{display:inline-flex;align-items:center;gap:.375rem;background:rgba(255,255,255,.2);backdrop-filter:blur(4px);color:#fff;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:.3rem .75rem;border-radius:.5rem;margin-bottom:.625rem}
.promo-badge svg{width:.75rem;height:.75rem}
.promo-title{color:#fff;font-size:1.5rem;font-weight:900;text-transform:uppercase;letter-spacing:.02em;line-height:1.15;margin-bottom:.375rem}
.promo-desc{color:rgba(255,255,255,.8);font-size:.8rem;font-weight:500;line-height:1.5;max-width:320px}
.promo-right{display:flex;flex-direction:column;align-items:flex-end;gap:.75rem;flex-shrink:0}
.promo-countdown{display:flex;gap:.375rem}
.promo-cd-block{background:rgba(255,255,255,.2);backdrop-filter:blur(4px);border-radius:.625rem;padding:.5rem .125rem;min-width:3.5rem;text-align:center}
.promo-cd-val{display:block;font-size:1.375rem;font-weight:800;color:#fff;line-height:1.1}
.promo-cd-label{display:block;font-size:.55rem;font-weight:700;color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:.05em;margin-top:.125rem}
.promo-btn{display:inline-flex;align-items:center;gap:.5rem;background:#fff;color:var(--ac);font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;padding:.625rem 1.25rem;border-radius:.625rem;text-decoration:none;transition:all .2s;box-shadow:0 4px 12px rgba(0,0,0,.15)}
.promo-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,0,0,.2)}
.promo-btn svg{width:.875rem;height:.875rem}
.promo-deco{position:absolute;border-radius:50%;pointer-events:none}
.promo-deco-1{width:200px;height:200px;background:rgba(255,255,255,.04);top:-60px;right:25%}
.promo-deco-2{width:120px;height:120px;background:rgba(255,255,255,.06);bottom:-40px;left:15%}
.promo-deco-3{width:80px;height:80px;background:rgba(255,255,255,.03);top:20%;right:10%}
@media(max-width:1024px){
  .promo-title{font-size:1.25rem}
}
@media(max-width:768px){
  .promo-inner{flex-wrap:wrap;padding:1.25rem 1.25rem;gap:1rem}
  .promo-content{order:1;flex-basis:100%}
  .promo-right{order:2;flex-basis:100%;align-items:stretch;flex-direction:column;gap:.625rem}
  .promo-countdown{justify-content:center}
  .promo-btn{justify-content:center;width:100%}
  .promo-title{font-size:1.125rem}
  .promo-desc{max-width:100%}
}

/* ========== ABYSS MODAL ========== */
.abyss-modal-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);opacity:0;transition:opacity .2s ease;pointer-events:none}
.abyss-modal-overlay.active{opacity:1;pointer-events:auto}
.abyss-modal{background:var(--sf);border:1px solid var(--bd);border-radius:1rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.3);max-width:420px;width:90%;padding:2rem;transform:scale(.95) translateY(10px);transition:transform .2s ease}
.abyss-modal-overlay.active .abyss-modal{transform:scale(1) translateY(0)}
.abyss-modal-icon{width:3.5rem;height:3.5rem;border-radius:.875rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}
.abyss-modal-icon.warn{background:color-mix(in srgb,#f59e0b 15%,transparent);color:#f59e0b}
.abyss-modal-icon.success{background:color-mix(in srgb,#22c55e 15%,transparent);color:#22c55e}
.abyss-modal-title{font-size:1.125rem;font-weight:700;text-align:center;margin-bottom:.5rem;color:var(--tm)}
.abyss-modal-text{font-size:.875rem;text-align:center;color:var(--td);line-height:1.6;margin-bottom:1.5rem}
.abyss-modal-actions{display:flex;gap:.75rem;justify-content:center}
.abyss-modal-actions .btn{min-width:7rem;justify-content:center}

/* ========== CK EDITOR COMPAT ========== */
.ck-content p:last-child{margin-bottom:0}