@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap");.support-wrapper{--font-sans:"Inter",system-ui,sans-serif;--font-heading:"Outfit",system-ui,sans-serif;--bg-primary:#fcfaf5;--bg-secondary:#f4eedc;--bg-card:rgba(52,62,90,.78);--border-color:rgba(10,19,48,.1);--border-focus:#c18e2f;--accent-gradient:linear-gradient(135deg,#c18e2f,#e8b547 50%,#8e6519);--accent-gradient-hover:linear-gradient(135deg,#a47622,#c18e2f 50%,#6e4c0f);--theme-primary:#c18e2f;--theme-primary-hover:#e8b547;--theme-glow:rgba(193,142,47,.15);--theme-glow-strong:rgba(193,142,47,.3);--text-main:#0a1330;--text-muted:#5c6479;--text-inverse:#fff;--status-open-bg:rgba(59,130,246,.08);--status-open-text:#1d4ed8;--status-open-border:rgba(59,130,246,.2);--status-assigned-bg:rgba(139,92,246,.08);--status-assigned-text:#6d28d9;--status-assigned-border:rgba(139,92,246,.2);--status-progress-bg:rgba(217,119,6,.08);--status-progress-text:#b45309;--status-progress-border:rgba(217,119,6,.2);--status-resolved-bg:rgba(16,185,129,.08);--status-resolved-text:#047857;--status-resolved-border:rgba(16,185,129,.2);--status-closed-bg:hsla(220,9%,46%,.08);--status-closed-text:#4b5563;--status-closed-border:hsla(220,9%,46%,.2);--card-shadow:0 10px 30px -10px rgba(10,19,48,.1);--glass-blur:blur(12px);--transition-speed:0.2s;font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-main);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}.support-wrapper h1,.support-wrapper h2,.support-wrapper h3,.support-wrapper h4,.support-wrapper h5,.support-wrapper h6{font-family:var(--font-heading);font-weight:600;letter-spacing:-.02em}.support-wrapper .glass-card{--text-main:#0a1330;--text-muted:rgba(10,19,48,.65);--border-color:rgba(200,160,80,.3);background:#f8f1df;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--border-color);border-radius:16px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.06);transition:transform var(--transition-speed) ease,border-color var(--transition-speed) ease;color:var(--text-main);--status-open-bg:rgba(59,130,246,.15);--status-open-text:#60a5fa;--status-open-border:rgba(59,130,246,.3);--status-assigned-bg:rgba(139,92,246,.15);--status-assigned-text:#a78bfa;--status-assigned-border:rgba(139,92,246,.3);--status-progress-bg:rgba(245,158,11,.15);--status-progress-text:#fbbf24;--status-progress-border:rgba(245,158,11,.3);--status-resolved-bg:rgba(16,185,129,.15);--status-resolved-text:#34d399;--status-resolved-border:rgba(16,185,129,.3);--status-closed-bg:rgba(100,116,139,.15);--status-closed-text:#94a3b8;--status-closed-border:rgba(100,116,139,.3)}.support-wrapper .glass-card:hover{border-color:hsla(43,84%,75%,.35)}.support-wrapper .btn-primary{background:linear-gradient(135deg,#f5d68a,#e8b547);color:#0a1330;border:none;border-radius:9999px;padding:10px 24px;font-size:14px;font-weight:600;font-family:var(--font-sans);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px var(--theme-glow-strong);transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease,background var(--transition-speed) ease;text-decoration:none}.support-wrapper .btn-primary:hover{background:linear-gradient(135deg,#e8b547,#c18e2f);color:#0a1330;box-shadow:0 6px 20px rgba(193,142,47,.45);transform:translateY(-1.5px)}.support-wrapper .btn-primary:active{transform:scale(.97)}.support-wrapper .btn-primary:disabled{background:linear-gradient(135deg,#f5d68a,#e8b547);color:#fff;box-shadow:none;cursor:not-allowed;transform:none}.support-wrapper .btn-secondary{background:#fff;color:#000;border:1px solid #5f6577;border-radius:9999px;padding:10px 22px;font-size:14px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform var(--transition-speed) ease,background var(--transition-speed) ease,border-color var(--transition-speed) ease}.support-wrapper .btn-secondary:hover{background:#fff;border-color:#5f6577;transform:translateY(-1px)}.support-wrapper .btn-secondary:active{transform:scale(.97)}.support-wrapper .form-group{margin-bottom:20px}.support-wrapper .form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:8px;color:#000}.support-wrapper .form-control{width:100%;background-color:#fff;border:1px solid rgba(10,19,48,.15);border-radius:8px;padding:12px 16px;font-size:15px;color:#0a1330;font-family:var(--font-sans);transition:border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.support-wrapper .form-control:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--theme-glow)}.support-wrapper .form-control::-moz-placeholder{color:rgba(10,19,48,.35)}.support-wrapper .form-control::placeholder{color:rgba(10,19,48,.35)}.support-wrapper .status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:9999px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.support-wrapper .status-badge.open{background:var(--status-open-bg);color:var(--status-open-text);border:1px solid var(--status-open-border)}.support-wrapper .status-badge.assigned,.support-wrapper .status-badge.closed,.support-wrapper .status-badge.in_progress,.support-wrapper .status-badge.resolved{background:#fcfaf5;color:#f0c061;border:1px solid #eab84e}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.support-wrapper .animate-fade-in-up{animation:fadeInUp .4s cubic-bezier(.16,1,.3,1) forwards}.support-wrapper .app-container{display:flex;flex-direction:column;min-height:100vh;background-color:#fbf8f1}.support-wrapper .main-content{flex:1;max-width:1280px;width:100%;margin:0 auto;padding:40px 24px}.support-wrapper .toast-container{position:fixed;top:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px}.support-wrapper .toast{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:10px;color:var(--text-main);box-shadow:0 10px 25px rgba(0,0,0,.4);font-weight:500;font-size:14px;backdrop-filter:var(--glass-blur);border:1px solid hsla(0,0%,100%,.1);min-width:300px;max-width:450px;animation:toastIn .3s cubic-bezier(.16,1,.3,1)}.support-wrapper .toast.success{background:rgba(16,185,129,.9)}.support-wrapper .toast.error{background:rgba(239,68,68,.9)}.support-wrapper .toast.warning{background:rgba(245,158,11,.9)}@keyframes toastIn{0%{opacity:0;transform:translateX(100%) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}.support-wrapper .table-responsive{width:100%;overflow-x:auto;border-radius:12px;border:1px solid var(--border-color)}.support-wrapper .custom-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px;--text-main:#0a1330;--text-muted:#5c6479;color:#0a1330}.support-wrapper .custom-table th{background-color:rgba(52,62,90,.78);color:#fff;font-weight:600;padding:16px;border-bottom:1px solid var(--border-color)}.support-wrapper .custom-table td{padding:16px;border-bottom:1px solid var(--border-color);color:#000;background-color:#f4eedc;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}.support-wrapper .custom-table tr:last-child td{border-bottom:none}.support-wrapper .custom-table tr:hover td{background-color:#fff;color:#000;--text-main:#000;--text-muted:#5c6479;--border-color:rgba(200,160,80,.3)}.support-wrapper nav{--text-main:#fcfaf5;--text-muted:hsla(43,54%,97%,.7);--border-color:hsla(43,84%,75%,.18);color:var(--text-main)}.support-wrapper nav .btn-secondary{--text-main:hsla(43,54%,97%,.75);--border-color:transparent;background:#00000024;border-radius:9999px;border:1px solid transparent;color:var(--text-main);transition:all .2s ease}.support-wrapper nav .btn-secondary:hover{background:hsla(0,0%,100%,.06);color:#fcfaf5;border-color:transparent}.support-wrapper nav .btn-secondary.active{background:hsla(0,0%,100%,.1);color:#fcfaf5;border-color:hsla(43,84%,75%,.25);text-decoration:none}.support-wrapper nav .btn-secondary:active,.support-wrapper nav .btn-secondary:hover{transform:none!important}