/* gx-base.css — auto-generated by generate-css-bundles.js
 * Source: sb-shared.css (do NOT edit this file directly).
 * Edit sb-shared.css and re-run: node generate-css-bundles.js
 * Generated: 2026-04-28T00:24:03.504Z
 */
@font-face {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 300 800;
    font-display: swap;
    src: url('assets/fonts/outfit-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 300 800;
    font-display: swap;
    src: url('assets/fonts/outfit-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 500;
    font-display: block;
    src: url('assets/fonts/rajdhani-500.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 600;
    font-display: block;
    src: url('assets/fonts/rajdhani-600.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 700;
    font-display: block;
    src: url('assets/fonts/rajdhani-700.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
html { overflow-y: scroll; color-scheme: dark; }
:root {
    /* Brand palette — Arctic Blue */
    --sb-ice: #38BDF8;
    --sb-sky: #0EA5E9;
    --sb-violet: #6366F1;
    --sb-ice-light: #7DD3FC;
    --sb-sky-light: #38BDF8;       /* intentionally same as --sb-ice; diverges if palette changes */
    --sb-violet-light: #818CF8;

    /* RGB triplets — for rgba(var(--sb-*-rgb), alpha) usage */
    --sb-ice-rgb: 56, 189, 248;
    --sb-sky-rgb: 14, 165, 233;
    --sb-violet-rgb: 99, 102, 241;
    --sb-ice-light-rgb: 125, 211, 252;
    --sb-violet-light-rgb: 129, 140, 248;
    --sb-fuchsia-rgb: 236, 72, 153;
    --sb-teal: #14B8A6;
    --sb-teal-rgb: 20, 184, 166;
    --sb-teal-light: #2DD4BF;
    --sb-success-light: #2DD4BF;
    --sb-success-rgb: 20, 184, 166;
    --sb-warning-rgb: 249, 115, 22;
    --sb-error-rgb: 239, 68, 68;
    --sb-orange-rgb: 249, 115, 22;
    --sb-info-rgb: 59, 130, 246;
    --sb-text-rgb: 240, 249, 255;
    --sb-text-secondary-rgb: 148, 163, 184;
    --sb-text-muted-rgb: 100, 116, 139;
    --sb-border-rgb: 30, 41, 59;
    --sb-bg-body-rgb: 8, 12, 20;
    --sb-bg-surface-rgb: 12, 17, 32;
    --sb-white-rgb: 255, 255, 255;
    --sb-black-rgb: 0, 0, 0;

    /* Gradient shortcuts */
    --sb-gradient: linear-gradient(135deg, var(--sb-ice), var(--sb-sky), var(--sb-violet));
    --sb-gradient-h: linear-gradient(90deg, var(--sb-ice), var(--sb-sky), var(--sb-violet));
    --sb-gradient-text: linear-gradient(135deg, var(--sb-ice-light), var(--sb-sky-light), var(--sb-violet-light));

    /* Dark theme — deep blue-black */
    --sb-bg-body: #080C14;
    --sb-bg-deep: #060910;
    --sb-bg-surface: #0C1120;
    --sb-violet-soft: #a5b4fc;
    --sb-bg-card: rgba(17,24,39,0.7);
    --sb-bg-card-hover: rgba(23,32,51,0.75);
    --sb-bg-input: #0F1525;
    --sb-bg-overlay: rgba(4,6,14,0.7);
    --sb-border: #1E293B;
    --sb-border-light: #2D3A4F;
    --sb-text: #F0F9FF;
    --sb-text-secondary: #94A3B8;
    --sb-text-muted: #64748B;
    --sb-text-inverse: #080C14;

    /* Status colours */
    --sb-success: #14B8A6;
    --sb-warning: #F97316;
    --sb-error: #EF4444;
    --sb-info: #3B82F6;
    --sb-orange: #F97316;
    --sb-fuchsia: #EC4899;

    /* Spacing */
    --sb-space-xs: 4px;
    --sb-space-sm: 8px;
    --sb-space-md: 16px;
    --sb-space-lg: 24px;
    --sb-space-xl: 32px;
    --sb-space-2xl: 48px;
    --sb-space-3xl: 64px;

    /* Typography */
    --sb-font: 'Rajdhani', sans-serif;
    --sb-font-brand: 'Rajdhani', sans-serif;
    --sb-font-mono: 'Rajdhani', sans-serif;
    --sb-text-xs: 0.75rem;
    --sb-text-sm: 0.875rem;
    --sb-text-base: 1rem;
    --sb-text-lg: 1.125rem;
    --sb-text-xl: 1.25rem;
    --sb-text-2xl: 1.5rem;
    --sb-text-3xl: 1.875rem;
    --sb-text-4xl: 2.25rem;
    --sb-text-5xl: 3rem;

    /* Opaque fills (for gradient-border technique — padding-box / border-box) */
    --sb-card-fill: #0E1421;          /* ≈ rgba(17,24,39,0.7) on #080C14 */
    --sb-card-fill-hover: #182236;    /* visible lift from #0E1421 */
    --sb-popover-fill: #0A0F1C;       /* ≈ rgba(10,15,28,0.7) on #080C14 */
    --sb-toast-fill: #0C1120;         /* ≈ rgba(12,17,32,0.85) on #080C14 */

    /* Border radius */
    --sb-radius: 8px;
    --sb-radius-sm: 6px;
    --sb-radius-lg: 12px;
    --sb-radius-full: 12px;
    --sb-radius-pill: 10px;

    /* Shadows */
    --sb-shadow-sm: 0 1px 2px rgba(0,0,0,0.3);
    --sb-shadow: 0 4px 12px rgba(0,0,0,0.4);
    --sb-shadow-lg: 0 8px 24px rgba(0,0,0,0.5);
    --sb-shadow-glow: 0 0 20px rgba(56,189,248,0.2);

    /* Transitions */
    --sb-transition: 0.2s ease;
    --sb-transition-slow: 0.3s ease;

    /* Layout */
    --sb-max-width: 1200px;
    --sb-max-width-sm: 600px;
    --sb-max-width-md: 700px;
    --sb-topbar-height: 60px;
    --sb-sidebar-width: 200px;
}
@keyframes sb-ghost-breathe-light {
    0%, 100% { box-shadow: 0 0 6px rgba(14,165,233,0.10), 0 0 12px rgba(14,165,233,0.05); }
    50% { box-shadow: 0 0 12px rgba(14,165,233,0.18), 0 0 24px rgba(14,165,233,0.08); }
}
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
html {
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body {
    font-family: var(--sb-font);
    background: var(--sb-bg-body);
    color: var(--sb-text);
    line-height: 1.6;
    min-height: 100vh;
}
@keyframes tour-poster-glow-breathe {
    0%, 100% {
        box-shadow:
            0 0 12px rgba(56,189,248,0.18),
            0 0 32px rgba(14,165,233,0.10),
            0 0 60px rgba(99,102,241,0.06);
    }
    50% {
        box-shadow:
            0 0 16px rgba(56,189,248,0.40),
            0 0 48px rgba(14,165,233,0.24),
            0 0 96px rgba(99,102,241,0.14);
    }
}
@keyframes sb-cp-glow {
    0%, 100% {
        box-shadow:
            0 8px 24px rgba(0,0,0,0.5),
            0 0 12px rgba(56,189,248,0.18),
            0 0 32px rgba(14,165,233,0.10),
            0 0 60px rgba(99,102,241,0.06);
    }
    50% {
        box-shadow:
            0 8px 24px rgba(0,0,0,0.5),
            0 0 16px rgba(56,189,248,0.40),
            0 0 48px rgba(14,165,233,0.24),
            0 0 96px rgba(99,102,241,0.14);
    }
}
@keyframes setlist-saved-flash {
    0%   { box-shadow: inset 0 0 0 1px rgba(45,212,191,0.8), inset 0 0 0 2px transparent; }
    100% { box-shadow: inset 0 0 0 1px transparent, inset 0 0 0 2px transparent; }
}
@keyframes focus-breathe {
    0%, 100% { box-shadow: 0 0 0 2px var(--sb-bg-body), 0 0 0 4px var(--sb-ice), 0 0 12px rgba(56,189,248,0.3); }
    50% { box-shadow: 0 0 0 2px var(--sb-bg-body), 0 0 0 4px var(--sb-ice), 0 0 24px rgba(56,189,248,0.5); }
}
:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px var(--sb-bg-body), 0 0 0 4px var(--sb-ice), 0 0 12px rgba(56,189,248,0.3);
    border-radius: var(--sb-radius);
    animation: focus-breathe 2s ease-in-out infinite;
}
a {
    color: var(--sb-ice);
    text-decoration: none;
    transition: color var(--sb-transition);
}
a:hover {
    color: var(--sb-sky);
}
img {
    max-width: 100%;
    display: block;
}
ul, ol { list-style: none; }
input, textarea, select, button {
    font-family: inherit;
    font-size: inherit;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    line-height: 1.2;
    color: var(--sb-text);
}
h1 { font-size: var(--sb-text-4xl); }
h2 { font-size: var(--sb-text-3xl); }
h3 { font-size: var(--sb-text-2xl); }
h4 { font-size: var(--sb-text-xl); }
h5 { font-size: var(--sb-text-lg); }
@keyframes ice-glow {
    0%, 100% { box-shadow: 0 0 12px rgba(56,189,248,0.15), 0 0 24px rgba(56,189,248,0.05); }
    50% { box-shadow: 0 0 20px rgba(56,189,248,0.3), 0 0 40px rgba(56,189,248,0.1); }
}
@keyframes heroPulse {
    0%, 100% { opacity: 0.6; transform: translate(-50%, -50%) scale(1); }
    50% { opacity: 1; transform: translate(-50%, -50%) scale(1.15); }
}
@keyframes formFlash {
    0% { box-shadow: 0 0 0 rgba(var(--sb-ice-rgb),0); }
    15% { box-shadow: 0 0 40px rgba(var(--sb-ice-rgb),0.5), 0 0 80px rgba(var(--sb-violet-rgb),0.2); }
    100% { box-shadow: 0 0 0 rgba(var(--sb-ice-rgb),0); }
}
@keyframes sb-ghost-breathe {
    0%, 100% { box-shadow: 0 0 8px rgba(56,189,248,0.2), 0 0 16px rgba(14,165,233,0.1); }
    50% { box-shadow: 0 0 14px rgba(56,189,248,0.4), 0 0 28px rgba(14,165,233,0.2), 0 0 40px rgba(99,102,241,0.1); }
}
@keyframes sb-dp-glow {
    0%, 100% { box-shadow: 0 0 12px rgba(56,189,248,0.25), 0 0 24px rgba(99,102,241,0.15); }
    50% { box-shadow: 0 0 20px rgba(56,189,248,0.4), 0 0 36px rgba(99,102,241,0.25); }
}
@keyframes sb-sparkle-drift {
    0%   { opacity: 0; transform: translateY(0) scale(0.5); }
    15%  { opacity: var(--peak); }
    50%  { opacity: var(--peak); transform: translateY(calc(var(--drift) * -1)) scale(1); }
    85%  { opacity: 0; }
    100% { opacity: 0; transform: translateY(calc(var(--drift) * -2)) scale(0.5); }
}
@keyframes sb-ember-rise {
    0%   { opacity: 0; transform: translateY(0) translateX(0) scale(0.3); box-shadow: 0 0 0 transparent; }
    10%  { opacity: var(--peak); }
    25%  { opacity: calc(var(--peak) * 0.6); box-shadow: 0 0 var(--glow) var(--col); }
    40%  { opacity: var(--peak); box-shadow: 0 0 1px transparent; }
    55%  { opacity: calc(var(--peak) * 0.7); box-shadow: 0 0 var(--glow) var(--col); }
    70%  { opacity: var(--peak); box-shadow: 0 0 1px transparent; }
    85%  { opacity: var(--peak); box-shadow: 0 0 var(--glow) var(--col); }
    100% { opacity: 0; transform: translateY(calc(var(--rise) * -1)) translateX(var(--sway)) scale(0); box-shadow: 0 0 0 transparent; }
}
@keyframes sb-card-breathe {
    0%, 100% { box-shadow: 0 0 4px rgba(var(--sb-ice-rgb), 0); }
    50%      { box-shadow: 0 0 4px rgba(var(--sb-ice-rgb), 0.7); }
}
@keyframes dot-glow {
    0%, 100% { box-shadow: 0 0 4px rgba(var(--sb-ice-rgb), 0.3); }
    50% { box-shadow: 0 0 10px rgba(var(--sb-ice-rgb), 0.7); }
}
@keyframes topbar-breathe {
    0%, 100% { opacity: 0.4; }
    50% { opacity: 0.8; }
}
@keyframes topbar-shine-sweep {
    0% { left: -80px; }
    100% { left: 100%; }
}
@keyframes sb-dropdown-glow {
    0%, 100% { box-shadow: 0 16px 48px rgba(0,0,0,0.6), 0 0 16px rgba(56,189,248,0.08); }
    50%      { box-shadow: 0 16px 48px rgba(0,0,0,0.6), 0 0 28px rgba(56,189,248,0.14); }
}
@keyframes ac-breathe {
    0%, 100% {
        box-shadow:
            8px 6px 24px rgba(56,189,248,0.12),
            -8px 6px 24px rgba(99,102,241,0.10),
            0 10px 28px rgba(56,189,248,0.08);
    }
    50% {
        box-shadow:
            12px 8px 36px rgba(56,189,248,0.25),
            -12px 8px 36px rgba(99,102,241,0.20),
            0 14px 44px rgba(56,189,248,0.16);
    }
}
@keyframes ac-breathe-light {
    0%, 100% {
        box-shadow:
            6px 5px 20px rgba(0,0,0,0.06),
            -6px 5px 20px rgba(0,0,0,0.05),
            0 8px 20px rgba(0,0,0,0.04);
    }
    50% {
        box-shadow:
            10px 7px 28px rgba(0,0,0,0.10),
            -10px 7px 28px rgba(0,0,0,0.08),
            0 12px 36px rgba(0,0,0,0.07);
    }
}
@keyframes sb-shimmer-sweep {
    0% { transform: translateX(-100%) rotate(45deg); }
    100% { transform: translateX(100%) rotate(45deg); }
}
@keyframes profile-pop-glow {
    0%, 100% { box-shadow: 0 8px 24px rgba(0,0,0,0.4), 0 0 20px rgba(56,189,248,0.15), 0 0 40px rgba(99,102,241,0.1); }
    50% { box-shadow: 0 8px 24px rgba(0,0,0,0.4), 0 0 30px rgba(56,189,248,0.25), 0 0 60px rgba(99,102,241,0.18); }
}
@keyframes sb-bell-breathe {
    0%, 100% { box-shadow: 0 0 6px rgba(56,189,248,0); }
    50%      { box-shadow: 0 0 12px rgba(56,189,248,0.6), 0 0 4px rgba(99,102,241,0.3); }
}
@keyframes sb-sidebar-breathe {
    0%, 100% { box-shadow: 4px 0 16px rgba(56,189,248,0.12), 4px 0 32px rgba(14,165,233,0.06), 4px 0 48px rgba(99,102,241,0.04); }
    50% { box-shadow: 4px 0 24px rgba(56,189,248,0.2), 4px 0 48px rgba(14,165,233,0.12), 4px 0 72px rgba(99,102,241,0.08); }
}
@keyframes sb-text-shimmer {
    0% { background-position: -200% center; }
    100% { background-position: 200% center; }
}
@keyframes sb-modal-breathe {
    0%, 100% {
        box-shadow:
            0 0 6px 1px rgba(var(--sb-ice-rgb), 0.18),
            0 0 20px 3px rgba(var(--sb-ice-rgb), 0.12),
            0 0 40px 4px rgba(var(--sb-sky-rgb), 0.08),
            0 0 60px 6px rgba(var(--sb-violet-rgb), 0.05);
    }
    50% {
        box-shadow:
            0 0 8px 2px rgba(var(--sb-ice-rgb), 0.40),
            0 0 24px 6px rgba(var(--sb-ice-rgb), 0.30),
            0 0 48px 8px rgba(var(--sb-sky-rgb), 0.20),
            0 0 80px 10px rgba(var(--sb-violet-rgb), 0.12);
    }
}
@keyframes sb-spin {
    to { transform: rotate(360deg); }
}
@keyframes sb-splash-progress {
    0%   { width: 0%; opacity: 0.6; }
    50%  { width: 100%; opacity: 1; }
    51%  { width: 100%; opacity: 1; }
    100% { width: 100%; opacity: 0; }
}
@keyframes sb-skel-shimmer {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}
@keyframes sb-upload-slide {
    0% { width: 15%; margin-left: 0; }
    50% { width: 40%; margin-left: 30%; }
    100% { width: 15%; margin-left: 85%; }
}
@keyframes sb-toast-in {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes sb-toast-glow {
    0%, 100% { box-shadow: 0 0 12px rgba(56,189,248,0.15), 0 0 4px rgba(99,102,241,0.1); }
    50% { box-shadow: 0 0 24px rgba(56,189,248,0.3), 0 0 8px rgba(99,102,241,0.2); }
}
@keyframes faq-open { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } }
[data-tooltip] {
    position: relative;
}
[data-tooltip]::after {
    content: attr(data-tooltip);
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-4px);
    background: var(--sb-bg-surface);
    color: var(--sb-text);
    padding: 8px 16px;
    font-family: var(--sb-font);
    font-size: var(--sb-text-xs);
    font-weight: 500;
    white-space: nowrap;
    border-radius: 4px;
    border: 1px solid var(--sb-border-light);
    box-shadow: 0 2px 8px rgba(0,0,0,0.4);
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--sb-transition), transform var(--sb-transition);
    pointer-events: none;
    margin-top: 8px;
    z-index: 9999;
}
[data-tooltip]:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}
[data-tooltip-pos="top"]::after {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 8px;
    transform: translateX(-50%) translateY(4px);
}
[data-tooltip-pos="top"]:hover::after {
    transform: translateX(-50%) translateY(0);
}

@media (max-width: 768px)  {
[data-tooltip]::after { display: none; }

}
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-button { display: none; }
::-webkit-scrollbar-track { background: var(--sb-bg-body); }
::-webkit-scrollbar-thumb { background: var(--sb-border); border-radius: var(--sb-radius-pill); }
::-webkit-scrollbar-thumb:hover { background: var(--sb-border-light); }
@keyframes sb-section-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
[data-role-only="admin"] { display: none; }
body[data-user-type="admin"] [data-role-only="admin"] { display: block; }
body[data-user-type="artist"]   [data-role-only]:not([data-role-only*="artist"]),
body[data-user-type="venue"]    [data-role-only]:not([data-role-only*="venue"]),
body[data-user-type="agent"]    [data-role-only]:not([data-role-only*="agent"]),
body[data-user-type="promoter"] [data-role-only]:not([data-role-only*="promoter"]),
body[data-user-type="admin"]    [data-role-only]:not([data-role-only*="artist"]):not([data-role-only*="admin"]) {
    display: none !important;
}

@media (max-width: 768px)  {
:root {
        --sb-space-lg: 16px;
        --sb-space-xl: 24px;
    }
h1 { font-size: var(--sb-text-3xl); }
h2 { font-size: var(--sb-text-2xl); }

}
@keyframes mobile-nav-top-glow {
    0%, 100% { box-shadow: 0 -4px 15px rgba(56,189,248,0.3), 0 -2px 30px rgba(99,102,241,0.2); }
    50%      { box-shadow: 0 -6px 25px rgba(56,189,248,0.6), 0 -3px 50px rgba(99,102,241,0.4); }
}
@keyframes topbar-breathe-strong {
    0%, 100% { opacity: 0.5; }
    50% { opacity: 1; }
}
input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    position: absolute;
    right: 8px;
    width: 24px;
    height: 24px;
    cursor: pointer;
}
input[type="date"] {
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%239CA3B4' stroke-width='2'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
}
@keyframes sb-eq-pulse {
    0%   { transform: scaleY(0.3); }
    100% { transform: scaleY(1); }
}
@keyframes sb-node-pulse {
    0%, 100% { opacity: 0.4; transform: translateY(-50%) scale(0.8); }
    50% { opacity: 1; transform: translateY(-50%) scale(1.2); }
}
input[type="date"],
input[type="time"] {
    position: relative;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 16px !important;
    padding-right: 40px !important;
}
input[type="date"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E") !important;
}
input[type="time"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E") !important;
}
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator {
    opacity: 0 !important;
    position: absolute;
    right: 0;
    width: 36px;
    height: 100%;
    cursor: pointer;
    z-index: 1;
}
input[type="date"]:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2338BDF8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E") !important;
}
input[type="time"]:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2338BDF8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E") !important;
}

@media print  {
@page {
        size: A4;
        margin: 0;
    }
* {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
body {
        background: #080C14 !important;
        color: #F0F9FF !important;
        font-family: 'Rajdhani', -apple-system, BlinkMacSystemFont, sans-serif !important;
    }

}
@keyframes gx-carousel-scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
@keyframes hero-glow-pulse {
    0%, 100% { opacity: 0.7; transform: translateX(-50%) scale(1); }
    50% { opacity: 1; transform: translateX(-50%) scale(1.1); }
}
@keyframes founder-card-breathe {
    0%, 100% { box-shadow: 0 0 8px rgba(var(--sb-ice-rgb),0.2), 0 0 20px rgba(var(--sb-ice-rgb),0.12), 0 0 60px rgba(var(--sb-violet-rgb),0.08); }
    50% { box-shadow: 0 0 12px rgba(var(--sb-ice-rgb),0.4), 0 0 30px rgba(var(--sb-ice-rgb),0.25), 0 0 80px rgba(var(--sb-violet-rgb),0.15); }
}
@keyframes founder-glow {
    0%, 100% { box-shadow: 0 0 12px rgba(var(--sb-ice-rgb),0.2), 0 0 32px rgba(var(--sb-violet-rgb),0.1); }
    50% { box-shadow: 0 0 20px rgba(var(--sb-ice-rgb),0.4), 0 0 48px rgba(var(--sb-violet-rgb),0.2); }
}
@keyframes hero-marker-pulse {
    0%, 100% { box-shadow: 0 0 0 3px rgba(78,146,245,0.2), 0 0 14px rgba(78,146,245,0.5); }
    50% { box-shadow: 0 0 0 5px rgba(78,146,245,0.25), 0 0 22px rgba(78,146,245,0.6); }
}
@keyframes hero-carousel-scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
@keyframes beacon-fade-in { to { opacity: 1; } }
@keyframes beacon-pulse {
    0%, 100% { border-color: rgba(var(--sb-ice-rgb),0.3); box-shadow: 0 0 12px rgba(var(--sb-ice-rgb),0.15); }
    50% { border-color: rgba(var(--sb-ice-rgb),1); box-shadow: 0 0 24px rgba(var(--sb-ice-rgb),0.4); }
}
@keyframes demo-breathe {
    0%, 100% { box-shadow: inset 0 2px 8px rgba(0,0,0,0.6), inset 0 0 30px rgba(0,0,0,0.3), 0 0 50px rgba(var(--sb-ice-rgb),0.15), 0 0 20px rgba(var(--sb-violet-rgb),0.08); }
    50% { box-shadow: inset 0 2px 8px rgba(0,0,0,0.6), inset 0 0 30px rgba(0,0,0,0.3), 0 0 100px rgba(var(--sb-ice-rgb),0.25), 0 0 50px rgba(var(--sb-violet-rgb),0.15), 0 0 150px rgba(var(--sb-ice-rgb),0.1); }
}
@keyframes dot-glow {
    0%, 100% { box-shadow: 0 0 4px rgba(var(--sb-ice-rgb),0.3), 0 0 8px rgba(var(--sb-ice-rgb),0.15); }
    50% { box-shadow: 0 0 8px rgba(var(--sb-ice-rgb),0.6), 0 0 16px rgba(var(--sb-ice-rgb),0.3); }
}

@media (max-width: 768px)  {
@keyframes accordion-open { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }

}
@keyframes feedback-skeleton-pulse {
    0%   { background-position: 200% 0; opacity: 0.6; }
    50%  { opacity: 1; }
    100% { background-position: -200% 0; opacity: 0.6; }
}
@keyframes gx-marquee-scroll {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
@keyframes gx-marquee-breathe {
    0%, 100% { box-shadow: 0 0 8px rgba(var(--sb-ice-rgb), 0); }
    50%      { box-shadow: 0 0 8px rgba(var(--sb-ice-rgb), 0.7); }
}
@keyframes gx-wn-new-pulse {
    0%, 100% {
        box-shadow: 0 0 8px rgba(var(--sb-ice-rgb), 0.25);
    }
    50% {
        box-shadow: 0 0 14px rgba(var(--sb-ice-rgb), 0.55);
    }
}
@keyframes gx-wn-glow-pulse {
    0%, 100% {
        text-shadow: 0 0 4px rgba(var(--sb-ice-rgb), 0.85),
                     0 0 10px rgba(var(--sb-ice-rgb), 0.55),
                     0 0 18px rgba(var(--sb-ice-rgb), 0.3);
    }
    50% {
        text-shadow: 0 0 3px rgba(var(--sb-ice-rgb), 0.6),
                     0 0 7px rgba(var(--sb-ice-rgb), 0.35),
                     0 0 12px rgba(var(--sb-ice-rgb), 0.18);
    }
}
@keyframes dash-tools-scroll {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
@keyframes unreadBreathe {
    0%, 100% { box-shadow: 0 0 4px rgba(var(--sb-ice-rgb),0.3); }
    50% { box-shadow: 0 0 10px rgba(var(--sb-ice-rgb),0.6); }
}
@keyframes sb-chat-header-breathe {
    0%, 100% { box-shadow: 0 4px 8px rgba(56,189,248,0), 0 2px 4px rgba(99,102,241,0); }
    50%      { box-shadow: 0 4px 12px rgba(56,189,248,0.5), 0 2px 8px rgba(99,102,241,0.3); }
}
@keyframes onlinePulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(45,212,191,0.4); }
    50% { box-shadow: 0 0 0 4px rgba(45,212,191,0); }
}
@keyframes sb-msg-breathe {
    0%, 100% { box-shadow: 0 0 4px rgba(56,189,248,0); }
    50%      { box-shadow: 0 0 8px rgba(56,189,248,0.4), 0 0 4px rgba(99,102,241,0.2); }
}
@keyframes sb-msg-sent-breathe {
    0%, 100% { box-shadow: 0 0 6px rgba(56,189,248,0.2); }
    50%      { box-shadow: 0 0 14px rgba(56,189,248,0.7), 0 0 6px rgba(14,165,233,0.4); }
}
@keyframes sb-msg-offer-breathe {
    0%, 100% { box-shadow: 0 0 8px rgba(56,189,248,0.1), 0 0 4px rgba(99,102,241,0.05); }
    50%      { box-shadow: 0 0 16px rgba(56,189,248,0.35), 0 0 8px rgba(99,102,241,0.2); }
}
@keyframes msgFlash {
    0%, 100% { background: transparent; }
    50% { background: rgba(var(--sb-ice-rgb),0.15); }
}
@keyframes typingBounce {
    0%, 60%, 100% { opacity: 0.3; transform: translateY(0); }
    30% { opacity: 1; transform: translateY(-3px); }
}
@keyframes sb-chat-input-breathe {
    0%, 100% { box-shadow: 0 -4px 8px rgba(56,189,248,0), 0 -2px 4px rgba(99,102,241,0); }
    50%      { box-shadow: 0 -4px 12px rgba(56,189,248,0.5), 0 -2px 8px rgba(99,102,241,0.3); }
}
@keyframes sb-empty-pulse {
    0%, 100% { opacity: 0.5; transform: scale(1); }
    50% { opacity: 0.9; transform: scale(1.05); }
}
@keyframes sb-msg-breathe-light {
    0%, 100% { box-shadow: 0 0 4px rgba(56,189,248,0); }
    50%      { box-shadow: 0 0 6px rgba(56,189,248,0.15), 0 0 3px rgba(99,102,241,0.08); }
}
@keyframes sb-msg-sent-breathe-light {
    0%, 100% { box-shadow: 0 0 4px rgba(56,189,248,0.08); }
    50%      { box-shadow: 0 0 8px rgba(56,189,248,0.25), 0 0 4px rgba(14,165,233,0.15); }
}
@keyframes ticket-live-pulse {
    0%, 100% { box-shadow: 0 0 8px rgba(var(--sb-ice-rgb), 0.2); }
    50% { box-shadow: 0 0 16px rgba(var(--sb-ice-rgb), 0.4); }
}
@keyframes ticket-attendance-pulse {
    0%, 100% { opacity: 0.6; }
    50% { opacity: 1; }
}
@keyframes gc-dot-breathe {
    0%, 100% { box-shadow: 0 0 0 0 rgba(var(--sb-ice-rgb), 0.55), 0 0 6px 0 rgba(var(--sb-ice-rgb), 0.45); }
    50%      { box-shadow: 0 0 0 6px rgba(var(--sb-ice-rgb), 0), 0 0 14px 2px rgba(var(--sb-ice-rgb), 0.7); }
}
@keyframes rv-card-breathe {
    0%, 100% { box-shadow: 0 0 8px rgba(56,189,248,0.06), 0 0 16px rgba(14,165,233,0.03); }
    50% { box-shadow: 0 0 16px rgba(56,189,248,0.12), 0 0 32px rgba(99,102,241,0.06); }
}
@keyframes bk-pulse {
    0%, 100% { box-shadow: 0 0 4px rgba(var(--sb-ice-rgb), 0.1); }
    50% { box-shadow: 0 0 12px rgba(var(--sb-ice-rgb), 0.3), 0 0 24px rgba(var(--sb-sky-rgb), 0.12); }
}
@keyframes signup-pulse {
    0%, 100% { opacity: 0.6; transform: translate(-50%, -50%) scale(1); }
    50%      { opacity: 1;   transform: translate(-50%, -50%) scale(1.15); }
}
@keyframes featured-scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
@keyframes skeleton-pulse {
    0%, 100% { opacity: 0.4; }
    50% { opacity: 0.7; }
}
@keyframes timeline-pulse {
    0%, 100% { box-shadow: 0 0 4px rgba(var(--sb-ice-rgb),0.3); }
    50% { box-shadow: 0 0 10px rgba(var(--sb-ice-rgb),0.7); }
}

@media print  {
@page {
        size: A4;
        margin: 0;
    }
html, body { background: #fff !important; }

}
@keyframes tour-glow-breathe {
    0%, 100% {
        filter:
            drop-shadow(0 0 12px rgba(56,189,248,0.18))
            drop-shadow(0 0 32px rgba(14,165,233,0.10))
            drop-shadow(0 0 60px rgba(99,102,241,0.06));
    }
    50% {
        filter:
            drop-shadow(0 0 16px rgba(56,189,248,0.40))
            drop-shadow(0 0 48px rgba(14,165,233,0.24))
            drop-shadow(0 0 96px rgba(99,102,241,0.14));
    }
}
@keyframes flyer-card-breathe {
    0%, 100% { box-shadow: 0 0 8px rgba(var(--sb-ice-rgb), 0.08), 0 0 20px rgba(var(--sb-ice-rgb), 0.04); }
    50%      { box-shadow: 0 0 14px rgba(var(--sb-ice-rgb), 0.28), 0 0 32px rgba(var(--sb-ice-rgb), 0.12); }
}
[data-tip] { position: relative; }
[data-tip]::after {
    content: attr(data-tip);
    position: absolute;
    bottom: calc(100% + 6px);
    left: 50%;
    transform: translateX(-50%) scale(0.9);
    padding: 4px 10px;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.3;
    white-space: nowrap;
    color: #fff;
    background: rgb(15,21,37);
    border: 1px solid var(--sb-border);
    border-radius: var(--sb-radius-sm);
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.15s, transform 0.15s;
    z-index: 9999;
}
[data-tip]:hover { z-index: 9999; }
[data-tip]:hover::after { opacity: 1; transform: translateX(-50%) scale(1); }

@media (max-width: 768px)  {
[data-tip]::after { display: none; }
input, select, textarea { font-size: 16px !important; }

}
@keyframes hub-rank-pulse-ice {
    0%, 100% { box-shadow: 0 0 10px rgba(var(--sb-ice-rgb), 0.18), 0 0 24px rgba(var(--sb-ice-rgb), 0.08); }
    50%      { box-shadow: 0 0 22px rgba(var(--sb-ice-rgb), 0.45), 0 0 44px rgba(var(--sb-ice-rgb), 0.18); }
}
@keyframes hub-rank-pulse-violet {
    0%, 100% { box-shadow: 0 0 10px rgba(var(--sb-violet-rgb), 0.18), 0 0 24px rgba(var(--sb-violet-rgb), 0.08); }
    50%      { box-shadow: 0 0 20px rgba(var(--sb-violet-rgb), 0.35), 0 0 40px rgba(var(--sb-violet-rgb), 0.14); }
}
@keyframes hub-rank-pulse-fuchsia {
    0%, 100% { box-shadow: 0 0 10px rgba(var(--sb-fuchsia-rgb), 0.18), 0 0 24px rgba(var(--sb-fuchsia-rgb), 0.08); }
    50%      { box-shadow: 0 0 20px rgba(var(--sb-fuchsia-rgb), 0.35), 0 0 40px rgba(var(--sb-fuchsia-rgb), 0.14); }
}