@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root,[data-theme=dark]{--bg-primary:#0b0c10;--bg-secondary:#1a1a24;--bg-tertiary:#1a1a2499;--text-primary:#fff;--text-secondary:#9da3af;--accent-primary:#8a2be2;--accent-primary-hover:#9c4cfa;--accent-secondary:#f36;--glass-bg:#ffffff08;--glass-border:#ffffff14;--glass-shadow:0 8px 32px 0 #0000005e;--transition:all .3s cubic-bezier(.25, .8, .25, 1);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:9999px}[data-theme=light]{--bg-primary:#f1f3f5;--bg-secondary:#fff;--bg-tertiary:#fffc;--text-primary:#000;--text-secondary:#666;--accent-primary:#9b7dfb;--accent-primary-hover:#ad95fc;--accent-secondary:#f36;--glass-bg:#ffffffb3;--glass-border:#0000000d;--glass-shadow:0 4px 12px #0000000d;--support-gradient:linear-gradient(135deg, #fff5f8 0%, #f1f4ff 100%)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 15%,#8a2be214,#0000 25%),radial-gradient(circle at 85% 30%,#ff33660a,#0000 25%);background-attachment:fixed;min-height:100vh;margin:0;font-family:Inter,sans-serif}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg);padding:24px}.btn-primary{color:#fff;border:1px solid var(--glass-border);border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition);background:0 0;padding:10px 20px;font-size:.9rem;font-weight:600}.btn-primary:hover{border-color:#fff;transform:translateY(-1px);box-shadow:0 0 10px #fff3}[data-theme=light] .btn-primary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}[data-theme=light] .btn-primary:hover{background:var(--bg-primary);box-shadow:0 6px 16px #00000014}[data-theme=light] .app-container{background:var(--support-gradient)!important}[data-theme=light] .glass-panel{background:#0000000d!important;border-color:#0000001a!important}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#000000d9;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}[data-theme=light] .modal-overlay{background:#0006}.modal-container{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);width:100%;max-width:800px;box-shadow:var(--glass-shadow);background:#ffffff08;border:1px solid #ffffff26;flex-direction:column;padding:2.5rem;display:flex;position:relative}[data-theme=light] .modal-container{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#fffffff2!important;border:1px solid #0000000d!important;border-radius:24px!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important}.modal-section{border:1px solid var(--glass-border);border-radius:var(--radius-md);background:#0000004d;margin-bottom:1.5rem;padding:1.5rem}[data-theme=light] .modal-section{background:#0000000f!important;border:1px solid #0000001a!important}.modal-info-item{border:1px solid var(--glass-border);border-radius:var(--radius-sm);transition:var(--transition);background:#ffffff05;padding:12px}[data-theme=light] .modal-info-item{background:#0000000a!important;border:1px solid #00000014!important}.btn-crm{color:#fff;background:#2ecc7133;border:1px solid #2ecc71}.btn-crm:hover{box-shadow:0 0 12px #2ecc7166;border-color:#2ecc71!important}.btn-analytics{border:1px solid var(--accent-primary);color:#fff;background:#8a2be24d}.btn-analytics:hover{box-shadow:0 0 12px #8a2be266;border-color:var(--accent-primary)!important}.btn-timecard{border:1px solid var(--glass-border);color:#fff;background:#ff6b6b33}.btn-timecard:hover{box-shadow:0 0 12px #ff6b6b66;border-color:#ff6b6b!important}.btn-inbox{border:1px solid var(--accent-secondary);color:#fff;background:0 0}.btn-inbox:hover{box-shadow:0 0 12px #f366;border-color:var(--accent-secondary)!important}.btn-highlight{border:1px solid var(--glass-border);color:#fff;background:#ffffff0d}.btn-toggle-active{background:var(--accent-primary)!important;border-color:var(--accent-primary)!important;color:#fff!important}.btn-admin{border:1px solid var(--glass-border);color:var(--accent-secondary);background:#ff33661a}[data-theme=light] .btn-crm{color:var(--text-primary);background:linear-gradient(135deg,#f0fff4 0%,#e6fffa 100%);border:1px solid #2ecc7166}[data-theme=light] .btn-analytics{color:var(--text-primary);background:linear-gradient(135deg,#f5f3ff 0%,#ede9fe 100%);border:1px solid #8a2be266}[data-theme=light] .btn-timecard{color:var(--text-primary);background:linear-gradient(135deg,#fff5f5 0%,#fed7d7 100%);border:1px solid #ff6b6b66}[data-theme=light] .btn-inbox{color:var(--text-primary);background:linear-gradient(135deg,#fff5f5 0%,#fffaf0 100%);border:1px solid #f366}[data-theme=light] .btn-highlight{color:var(--text-primary);background:linear-gradient(135deg,#f5f3ff 0%,#f1f4ff 100%);border:1px solid #9b7dfb66}.btn-vibrant{cursor:pointer;background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary))!important;color:#fff!important;border-radius:var(--radius-pill)!important;border:none!important;padding:12px 24px!important;font-size:.95rem!important;font-weight:600!important;box-shadow:0 4px 15px #8a2be24d!important}.input-glass{border-radius:var(--radius-sm);color:var(--text-primary);transition:var(--transition);background:#0003;border:1px solid #ffffff26;width:100%;padding:12px 16px;font-family:Inter,sans-serif;font-size:.95rem}[data-theme=light] .input-glass{color:#000!important;background:#00000008!important;border:1px solid #00000026!important}.input-glass:focus{outline:none;border-color:var(--accent-primary)!important;background:#ffffff14!important;box-shadow:0 0 0 3px #8a2be233!important}[data-theme=light] .input-glass:focus{background:#fff!important;box-shadow:0 0 0 3px #9b7dfb1a!important}.input-glass::placeholder{color:var(--text-secondary)}.input-glass option{background-color:var(--bg-secondary);color:var(--text-primary)}.h1{letter-spacing:-.02em;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.h2{color:var(--text-primary);margin-bottom:.5rem;font-size:1.8rem;font-weight:600}.text-muted{color:var(--text-secondary);font-size:.95rem}.flex-center{justify-content:center;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}.mb-2{margin-bottom:16px}.mb-4{margin-bottom:32px}.ticket-item{cursor:pointer;transition:var(--transition);border:1px solid var(--glass-border);background:var(--glass-bg);border-radius:8px;margin-bottom:8px;padding:12px}.ticket-item.is-selected{border-color:var(--accent-primary);background:#8a2be266}.ticket-item.is-new{background:#f363;border-color:#f36;box-shadow:0 0 15px #ff33664d}.ticket-item.has-unread{background:#ccff9026;border-color:#ccff9066;box-shadow:0 0 10px #ccff901a}.ticket-item.is-closed{background:#8a2be21a}[data-theme=light] .ticket-item{background:#fff;border-color:#0000000d;box-shadow:0 4px 12px #00000008}[data-theme=light] .ticket-item.is-selected{background:#f5f3ff;border-color:#9b7dfb}[data-theme=light] .ticket-item.is-new{background:#ffe3e3!important;border-color:#c92a2a!important;box-shadow:0 0 12px #c92a2a59!important}[data-theme=light] .ticket-item.has-unread{background:#dcfce7!important;border-color:#15803d!important;box-shadow:0 0 12px #15803d59!important}[data-theme=light] .ticket-item.is-closed{opacity:.7;border-style:dashed}.text-success{color:#2ecc71!important}.text-warning{color:#ffa502!important}.text-error{color:var(--accent-secondary)!important}[data-theme=light] .text-success{color:#276749!important}[data-theme=light] .text-warning{color:#9c4221!important}[data-theme=light] .text-error{color:#c53030!important}.badge{border-radius:20px;align-items:center;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.badge-success{color:#2ecc71;background:#2ecc7133;border:1px solid #2ecc71}.badge-warning{color:#ffa502;background:#ffa50233;border:1px solid #ffa502}[data-theme=light] .badge-success{color:#276749;background:#f0fff4;border-color:#9ae6b4}[data-theme=light] .badge-warning{color:#9c4221;background:#fffaf0;border-color:#fbd38d}.card-glass{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition);border-radius:12px}[data-theme=light] .card-glass{background:#fff;border-color:#0000000d;box-shadow:0 4px 12px #00000008}.metric-box{text-align:center;transition:var(--transition);background:#0000004d;border-radius:8px;padding:1rem}.card-metric{border-radius:var(--radius-lg);transition:var(--transition);padding:1.5rem;background:var(--bg-secondary)!important;border:1px solid var(--accent-secondary)!important}[data-theme=light] .card-metric{box-shadow:var(--glass-shadow);background:var(--support-gradient)!important;border:1px solid var(--accent-primary)!important}:root{--bs-primary:#9b7dfb;--bs-primary-hover:#ad95fc;--bs-bg-page:#f1f3f5;--bs-bg-card:#fff;--bs-text-main:#1c1c1c;--bs-text-muted:#666;--bs-radius-pill:36px;--bs-radius-card:24px;--bs-shadow:0 4px 12px #0000000d;--bs-transition:all .3s ease}.support-portal-body{background-color:var(--bs-bg-page);color:var(--bs-text-main);background-image:radial-gradient(circle at 10% 10%,#9b7dfb0d,#0000 40%),radial-gradient(circle at 90% 90%,#9b7dfb0d,#0000 40%);min-height:100vh;margin:0;font-family:Inter,sans-serif}.support-container{max-width:1200px;margin:0 auto;padding:1.5rem 2rem}.support-header{justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.support-logo{color:var(--bs-text-main);letter-spacing:-.01em;font-family:Fredoka,Inter,sans-serif;font-size:1.5rem;font-weight:600}.support-nav{gap:12px;display:flex}.btn-bs-pill{background:var(--bs-bg-card);color:var(--bs-text-main);border-radius:var(--bs-radius-pill);cursor:pointer;transition:var(--bs-transition);box-shadow:var(--bs-shadow);border:1px solid #0000000d;justify-content:center;align-items:center;padding:8px 20px;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-bs-pill:hover{background:var(--bs-bg-page);transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.btn-bs-primary{color:var(--bs-primary);background:linear-gradient(135deg,#fff5f8 0%,#f1f4ff 100%);border:1px solid #9b7dfb66}.btn-bs-primary:hover{color:var(--bs-primary);background:linear-gradient(135deg,#f1f4ff 0%,#fff5f8 100%);box-shadow:0 8px 20px #9b7dfb33}.support-hero-gradient{text-align:center;background:linear-gradient(135deg,#fff5f8 0%,#f1f4ff 100%);border:1px solid #9b7dfb1a;border-radius:40px;margin:2rem 0;box-shadow:0 20px 40px #9b7dfb0d}.support-hero-gradient h1{line-height:1.1}.video-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.video-card{background:var(--bs-bg-card);border-radius:var(--bs-radius-card);box-shadow:var(--bs-shadow);transition:var(--bs-transition);border:1px solid #00000005;overflow:hidden}.video-card:hover{transform:scale(1.02);box-shadow:0 12px 24px #0000001a}.video-placeholder{aspect-ratio:16/9;color:var(--bs-text-muted);background:#eaebef;justify-content:center;align-items:center;font-weight:600;display:flex;position:relative}.video-placeholder:after{content:"▶";opacity:.2;font-size:2rem}.video-info{padding:1.5rem}.video-info h3{margin:0 0 .5rem;font-size:1.1rem}.video-info p{color:var(--bs-text-muted);margin:0;font-size:.9rem}.chat-bubble-support{background:var(--bs-primary);color:#fff;cursor:pointer;width:64px;height:64px;transition:var(--bs-transition);z-index:1000;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 8px 32px #9b7dfb66}.chat-bubble-support:hover{transform:scale(1.1)rotate(5deg)}#root{flex-direction:column;min-height:100vh;display:flex}.app-container{flex-direction:column;flex-grow:1;display:flex}