@import"https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;500;600;700;900&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}:root,[data-theme=dark]{--bg-page:#04020f;--bg-surface:#ffffff08;--bg-surface-hover:#ffffff0f;--bg-elevated:#ffffff0d;--bg-input:#ffffff0d;--bg-chat:#0d0a1a;--bg-chat-header:#110e20;--bg-chat-input:#110e20;--bg-chat-input-area:#ffffff0f;--bg-bubble-received:#1e1a2e;--bg-bubble-sent:#c8ff00;--bg-typing:#1e1a2e;--text-primary:#fff;--text-secondary:#8990ae;--text-muted:#5a5f7a;--text-on-sent:#04020f;--text-on-received:#e0e0e0;--border-default:#ffffff14;--border-subtle:#ffffff0d;--accent-purple:#7622f0;--accent-green:#c8ff00;--accent-purple-hover:#6018d0;--scrollbar-track:#ffffff0d;--scrollbar-thumb:#ffffff26;--shadow-header:#0000004d;--shadow-sm:#0003;--bg-btn-disabled:#2a2a3a;--text-btn-disabled:#5a5f7a;--bg-date-separator:#ffffff0f;--text-date-separator:#8990ae;--bg-icon-hover:#ffffff14;--bg-bubble-hover:#ffffff0d;--text-ticket-id:#c4c9de;--text-tab-hover:#c4c9de;--text-error:#fca5a5;--bg-error-btn:#7622f026;--text-error-btn:#b68aff;--border-error-btn:#7622f040}[data-theme=light]{--bg-page:#f3f6f6;--bg-surface:#fff;--bg-surface-hover:#f0f0f2;--bg-elevated:#fff;--bg-input:#f3f6f6;--bg-chat:#f3f6f6;--bg-chat-header:#fff;--bg-chat-input:#fff;--bg-chat-input-area:#f3f6f6;--bg-bubble-received:#e5e7e6;--bg-bubble-sent:#c8ff00;--bg-typing:#e5e7e6;--text-primary:#04020f;--text-secondary:#6b7280;--text-muted:#9ca3af;--text-on-sent:#04020f;--text-on-received:#04020f;--border-default:#e5e7eb;--border-subtle:#0000000f;--accent-purple:#7622f0;--accent-green:#c8ff00;--accent-purple-hover:#6018d0;--scrollbar-track:#d1d5db;--scrollbar-thumb:#9ca3af;--shadow-header:#00000014;--shadow-sm:#0000000d;--bg-btn-disabled:#d1d5db;--text-btn-disabled:#fff;--bg-date-separator:#0000000f;--text-date-separator:#8990ae;--bg-icon-hover:#f3f6f6;--bg-bubble-hover:#0000000d;--text-ticket-id:#374151;--text-tab-hover:#374151;--text-error:#dc2626;--bg-error-btn:#7622f01a;--text-error-btn:#7622f0;--border-error-btn:#7622f033}:root{--color-dark:#04020f;--color-purple:#7622f0;--color-white:#fff;--color-neon-green:#c8ff00;--color-grey:#8990ae;--color-medium-grey:#e5e7e6;--color-light-grey:#f3f6f6;--color-error:#dc2626;--color-success:var(--color-neon-green);--color-warning:#f59e0b;--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:32px;--spacing-xl:64px;--radius-sm:8px;--radius-md:15px;--radius-lg:24px;--radius-full:100px;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:48px;--font-size-4xl:80px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--line-height-tight:1.1;--line-height-normal:1.5;--line-height-relaxed:1.75;--transition-fast:.15s ease;--transition-base:.3s ease;--transition-slow:.5s ease;--shadow-sm:0 2px 10px #0000001a;--shadow-md:0 4px 20px #0000001a;--shadow-lg:0 10px 30px #0000000d;--shadow-hover:0 8px 30px #00000026}body{color:var(--color-dark);font-family:Fira Sans,Helvetica,Arial,sans-serif;font-size:var(--font-size-base);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);margin:0}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:22px;font-weight:var(--font-weight-semibold)}h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}p{line-height:var(--line-height-normal);margin:0}.text-large{font-size:var(--font-size-xl);line-height:var(--line-height-relaxed)}.text-regular{font-size:var(--font-size-base);line-height:var(--line-height-normal)}.text-small{font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.text-xs{font-size:var(--font-size-xs);line-height:var(--line-height-normal)}:focus-visible{outline:2px solid var(--color-purple);outline-offset:2px}*,:before,:after{box-sizing:border-box}@media(max-width:480px){:root{--font-size-4xl:48px;--font-size-3xl:32px;--font-size-2xl:20px;--font-size-xl:18px;--font-size-lg:16px}body{font-size:var(--font-size-sm)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}h4{font-size:var(--font-size-base)}:root{--spacing-lg:24px;--spacing-xl:48px}button,a,input,textarea,select,.btn,.card-interactive{min-width:44px;min-height:44px}.card,.card-feature{padding:var(--spacing-sm)}.flex-row-desktop{flex-direction:column}}@media(min-width:481px)and (max-width:768px){:root{--font-size-4xl:64px;--font-size-3xl:40px}h1{font-size:var(--font-size-3xl)}:root{--spacing-lg:28px;--spacing-xl:56px}button,a,input,textarea,select,.btn{min-height:44px}.card,.card-feature{padding:var(--spacing-md)}.flex-row-tablet{flex-direction:row}}@media(min-width:769px){.card-feature{padding:var(--spacing-lg)}.flex-row-desktop{flex-direction:row}@media(hover:hover)and (pointer:fine){.card-interactive:hover{box-shadow:var(--shadow-hover);transform:translateY(-5px)}.btn:hover:not(:disabled){transform:translateY(-2px)}}}.container-responsive{width:100%;padding:0 var(--spacing-sm);margin:0 auto}@media(min-width:481px){.container-responsive{padding:0 var(--spacing-md)}}@media(min-width:769px){.container-responsive{max-width:1200px;padding:0 var(--spacing-lg)}}.text-center-mobile{text-align:center}@media(min-width:769px){.text-center-mobile{text-align:left}}.hide-mobile{display:none}@media(min-width:481px){.hide-mobile{display:block}}.show-mobile{display:block}@media(min-width:481px){.show-mobile{display:none}}.btn{font-family:Fira Sans,sans-serif;font-weight:var(--font-weight-bold);border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-lg);border:none;padding:12px 24px;line-height:1;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--color-purple);color:var(--color-white);border:2px solid #410498;border-bottom-width:4px}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #4104984d}.btn-primary:active:not(:disabled){border-bottom-width:2px;transform:translateY(0)}.btn-secondary{color:var(--color-dark);border:3px solid var(--color-purple);border-radius:var(--radius-full);background-color:#0000;padding:6px 20px}.btn-secondary:hover:not(:disabled){background-color:var(--color-purple);color:var(--color-white)}.btn-icon{border:2px solid var(--color-medium-grey);border-radius:var(--radius-sm);background-color:var(--color-white);color:var(--color-dark);min-width:44px;min-height:44px;padding:10px}.btn-icon:hover:not(:disabled){border-color:var(--color-purple);background-color:var(--color-light-grey)}.btn-sm{font-size:var(--font-size-sm);min-height:36px;padding:8px 16px}.btn-lg{font-size:var(--font-size-xl);min-height:52px;padding:16px 32px}.btn-xs{font-size:var(--font-size-xs);min-height:32px;padding:6px 12px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn svg{width:20px;height:20px}.btn-sm svg{width:16px;height:16px}.btn-lg svg{width:24px;height:24px}.btn-loading{color:#0000;position:relative}.btn-loading:after{content:"";border:2px solid;border-top-color:#0000;border-radius:50%;width:16px;height:16px;margin-top:-8px;margin-left:-8px;animation:.6s linear infinite button-spin;position:absolute;top:50%;left:50%}@keyframes button-spin{to{transform:rotate(360deg)}}.btn-group{gap:var(--spacing-xs);display:inline-flex}.btn-group .btn{margin:0}.btn-block{width:100%;display:flex}@media(max-width:480px){.btn{font-size:var(--font-size-base);min-height:44px;padding:10px 20px}.btn-primary{padding:10px 20px}.btn-secondary{padding:8px 18px}.btn-lg{font-size:var(--font-size-lg);min-height:48px;padding:12px 24px}.btn-sm{font-size:var(--font-size-sm);min-height:40px;padding:8px 14px}.btn-mobile-full{width:100%}.btn:hover:not(:disabled),.btn-primary:hover:not(:disabled){transform:none}}@media(min-width:481px)and (max-width:768px){.btn{min-height:44px}.btn-icon{min-width:44px;min-height:44px}}.card{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:all var(--transition-base);padding:var(--spacing-md)}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-hover);transform:translateY(-5px)}.card-feature{padding:var(--spacing-lg);box-shadow:var(--shadow-lg)}.card-feature:hover{transform:translateY(-10px);box-shadow:0 15px 40px #0000001a}.card-article{padding:var(--spacing-md);border-left:4px solid var(--color-purple)}.card-article:hover{border-left-color:var(--color-neon-green)}.card-bet{padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-medium-grey)}.card-bet:hover{border-color:var(--color-purple);background-color:var(--color-light-grey)}.card-header{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-medium-grey)}.card-body{padding:var(--spacing-sm) 0}.card-footer{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-medium-grey)}@media(max-width:480px){.card{padding:var(--spacing-sm)}.card-feature{padding:var(--spacing-md)}.card-interactive:hover,.card-feature:hover{transform:translateY(-2px)}}.input{border:2px solid var(--color-medium-grey);border-radius:var(--radius-sm);width:100%;font-family:Fira Sans,Helvetica,Arial,sans-serif;font-size:var(--font-size-base);color:var(--color-dark);background-color:var(--color-white);transition:border-color var(--transition-base);min-height:44px;padding:12px 16px}.input:focus{border-color:var(--color-purple);outline:none}.input-error{border-color:var(--color-error)}.input:disabled{opacity:.6;cursor:not-allowed;background-color:var(--color-light-grey)}.input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-dark);margin-bottom:4px;display:block}.input-error-text{font-size:var(--font-size-sm);color:var(--color-error);margin-top:4px}textarea.input{resize:vertical;min-height:100px;line-height:var(--line-height-normal)}.input::placeholder{color:var(--color-grey);opacity:.7}.input-group{flex-direction:column;gap:4px;display:flex}.input-with-icon{position:relative}.input-with-icon .input{padding-left:40px}.input-icon{color:var(--color-grey);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}@media(max-width:480px){.input{font-size:var(--font-size-base);min-height:44px;padding:12px 14px}.input-label{font-size:var(--font-size-sm)}.input-error-text{font-size:var(--font-size-xs)}textarea.input{min-height:120px}.input-group-horizontal{flex-direction:column}}@media(min-width:481px)and (max-width:768px){.input{min-height:44px}textarea.input{min-height:110px}}@media(min-width:769px){.input-group-horizontal{gap:var(--spacing-sm);flex-direction:row}.input-group-horizontal .input-group{flex:1}}.badge{align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;padding:4px 8px;font-family:Fira Sans,Helvetica,Arial,sans-serif;line-height:1;display:inline-flex}.badge-category{background-color:var(--color-purple);color:var(--color-white);border-radius:20px;padding:.25rem .75rem}.badge-time{background-color:var(--color-neon-green);color:var(--color-dark);border-radius:var(--radius-sm)}.badge-odds{background-color:var(--color-medium-grey);color:var(--color-dark);border-radius:var(--radius-sm)}.badge-status{border-radius:var(--radius-full);padding:2px 8px}.badge-success{background-color:var(--color-neon-green);color:var(--color-dark)}.badge-error{background-color:var(--color-error);color:var(--color-white)}.badge-pending{background-color:var(--color-medium-grey);color:var(--color-dark)}.badge-sm{padding:2px 6px;font-size:10px}.badge-md{font-size:var(--font-size-xs);padding:4px 8px}.badge-lg{font-size:var(--font-size-sm);padding:6px 12px}@media(max-width:480px){.badge{padding:4px 10px;font-size:11px}.badge-sm{padding:3px 8px;font-size:10px}.badge-lg{font-size:var(--font-size-sm);padding:6px 14px}.badge{text-overflow:ellipsis;max-width:100%;overflow:hidden}}.spinner{border:3px solid var(--color-medium-grey);border-top-color:var(--color-purple);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block}.spinner-large{border-width:4px;width:40px;height:40px}.spinner-small{border-width:2px;width:16px;height:16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:.3s ease-in fadeIn}.fade-in-slow{animation:.5s ease-in fadeIn}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{background:linear-gradient(90deg,var(--color-light-grey) 0%,var(--color-medium-grey) 50%,var(--color-light-grey) 100%);background-size:1000px 100%;animation:2s linear infinite shimmer}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in-bottom{animation:.3s ease-out slideInFromBottom}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.pulse{animation:2s ease-in-out infinite pulse}@media(prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.spinner{border-top-color:var(--color-purple);animation:none}.shimmer{background:var(--color-light-grey);animation:none}.fade-in,.fade-in-slow,.slide-in-bottom,.pulse{opacity:1;animation:none;transform:none}}@keyframes skeleton-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%) 0 0/800px 100%;border-radius:8px;animation:1.8s ease-in-out infinite skeleton-shimmer}.page-skeleton{background:var(--bg-page);min-height:100vh;color:var(--text-primary);flex-direction:column;font-family:Fira Sans,Helvetica,Arial,sans-serif;display:flex}.page-skeleton__header{background:var(--bg-surface);border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex}.page-skeleton__header-left{flex-direction:column;display:flex}.page-skeleton__header-right{align-items:center;gap:1rem;display:flex}.page-skeleton__cards{flex-direction:column;gap:1rem;padding:0 2rem 2rem;display:flex}.dashboard-skeleton{flex-direction:column;gap:1rem;padding:0;display:flex}.dashboard-skeleton__stats{grid-template-columns:repeat(4,1fr);gap:1rem;padding:1.5rem 2rem;display:grid}.dashboard-skeleton__stat{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.dashboard-skeleton__stat-label{width:60%;height:12px}.dashboard-skeleton__stat-value{border-radius:6px;align-self:center;width:40%;height:28px}.dashboard-skeleton__tabs{gap:.5rem;margin:0 0 .5rem;padding:0 2rem;display:flex}.dashboard-skeleton__tab{border-radius:8px;width:80px;height:36px}.dashboard-skeleton__card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;flex-direction:column;gap:.85rem;padding:1.25rem;display:flex}.dashboard-skeleton__card-header{justify-content:space-between;align-items:center;display:flex}.dashboard-skeleton__card-id{width:90px;height:14px}.dashboard-skeleton__card-status{border-radius:20px;width:70px;height:24px}.dashboard-skeleton__card-info{gap:1.5rem;display:flex}.dashboard-skeleton__card-user{width:100px;height:14px}.dashboard-skeleton__card-date{width:130px;height:14px}.dashboard-skeleton__card-actions{gap:.5rem;display:flex}.dashboard-skeleton__card-btn{border-radius:6px;width:80px;height:32px}.conversation-skeleton{background:var(--bg-chat);flex-direction:column;height:100vh;display:flex}.conversation-skeleton__header{background:var(--bg-chat-header);border-bottom:1px solid var(--border-default);align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.conversation-skeleton__back{border-radius:50%;width:32px;height:32px}.conversation-skeleton__avatar{border-radius:50%;width:40px;height:40px}.conversation-skeleton__name{border-radius:6px;width:120px;height:14px}.conversation-skeleton__messages{flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex;overflow:hidden}.conversation-skeleton__bubble{border-radius:16px;padding:0}.conversation-skeleton__bubble--left{border-bottom-left-radius:4px;align-self:flex-start;width:65%;height:52px}.conversation-skeleton__bubble--right{border-bottom-right-radius:4px;align-self:flex-end;width:50%;height:40px}.conversation-skeleton__bubble--short{width:35%;height:36px}.conversation-skeleton__input{background:var(--bg-chat-input);border-top:1px solid var(--border-default);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.conversation-skeleton__input-field{border-radius:21px;flex:1;height:42px}.conversation-skeleton__input-btn{border-radius:50%;width:42px;height:42px}@media(max-width:768px){.dashboard-skeleton__stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.dashboard-skeleton__stats{grid-template-columns:1fr}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.container{width:100%}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.min-w-\[1\.5rem\]{min-width:1.5rem}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.object-cover{object-fit:cover}.text-center{text-align:center}.leading-none{--tw-leading:1;line-height:1}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.focus\:border-transparent:focus{border-color:#0000}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}.login-page{min-height:100vh;background:linear-gradient(135deg,#04020f,#1a0a3e,#04020f);display:flex;align-items:center;justify-content:center;padding:2rem 1rem;position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 40%,rgba(118,34,240,.08) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(200,255,0,.05) 0%,transparent 50%);pointer-events:none}.login-container{max-width:26rem;width:100%;display:flex;flex-direction:column;gap:1.5rem;position:relative;z-index:1}.login-header{text-align:center}.login-icon{margin:0 auto 1.25rem;height:4.5rem;width:4.5rem;background:linear-gradient(135deg,#7622f0,#9b4dff);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #7622f059}.login-icon svg{height:2.5rem;width:2.5rem;color:#fff}.login-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem;letter-spacing:-.02em}.login-subtitle{font-size:1rem;color:#8990ae}.login-form-container{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 8px 40px #0000004d;padding:2rem;border:1px solid rgba(255,255,255,.08)}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-error{background-color:#dc26261a;border-left:4px solid #dc2626;color:#fca5a5;padding:.75rem 1rem;border-radius:0 8px 8px 0;display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem}.login-error svg{height:1.25rem;width:1.25rem;color:#dc2626;flex-shrink:0;margin-top:.125rem}.form-group{display:flex;flex-direction:column}.form-label{display:block;font-size:.875rem;font-weight:500;color:#c4c9de;margin-bottom:.5rem}.form-input{width:100%;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.12);border-radius:10px;font-size:1rem;transition:all .2s ease;outline:none;font-family:Fira Sans,Helvetica,Arial,sans-serif;background:#ffffff0d;color:#fff}.form-input::placeholder{color:#5a5f7a}.form-input:focus{border-color:#7622f0;box-shadow:0 0 0 3px #7622f033;background:#ffffff14}.form-input.error{border-color:#dc2626}.form-input.error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc262633}.form-input:disabled{background-color:#ffffff05;cursor:not-allowed;opacity:.5}.field-error{margin-top:.5rem;font-size:.8rem;color:#fca5a5;display:flex;align-items:center;gap:.25rem}.field-error svg{height:1rem;width:1rem}.login-button{width:100%;padding:.875rem 1rem;border-radius:10px;color:#04020f;font-weight:600;transition:all .2s ease;background:linear-gradient(135deg,#c8ff00,#a8d900);border:none;cursor:pointer;font-size:1rem;font-family:Fira Sans,Helvetica,Arial,sans-serif;letter-spacing:.01em;margin-top:.5rem}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#d4ff33,#b8e900);box-shadow:0 4px 20px #c8ff004d;transform:translateY(-1px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{background:#3a3a4a;color:#8990ae;cursor:not-allowed;transform:none;box-shadow:none}.login-button-content{display:flex;align-items:center;justify-content:center;gap:.75rem}.spinner{animation:spin 1s linear infinite;height:1.25rem;width:1.25rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-footer{text-align:center}.login-footer p{font-size:.8rem;color:#5a5f7a}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .form-input{padding-right:2.75rem}.password-toggle{position:absolute;right:.75rem;background:none;border:none;cursor:pointer;color:#5a5f7a;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.password-toggle:hover{color:#c4c9de}@media(max-width:480px){.login-container{max-width:100%}.login-form-container{padding:1.5rem}.login-title{font-size:1.75rem}}.presence-indicator{display:inline-block;border-radius:50%;flex-shrink:0}.presence-indicator--small{width:8px;height:8px}.presence-indicator--medium{width:12px;height:12px}.presence-indicator--online{background-color:#10b981}.presence-indicator--offline{background-color:#9ca3af}.presence-indicator--avatar-overlay{position:absolute;bottom:0;right:0;border:2px solid white}.avatar{position:relative;display:inline-block;border-radius:50%;overflow:hidden;flex-shrink:0}.avatar--small{width:32px;height:32px}.avatar--medium{width:40px;height:40px}.avatar--large{width:48px;height:48px}.avatar__image{width:100%;height:100%;object-fit:cover;display:block}.avatar__fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#7622f0;color:#fff;font-family:Fira Sans,sans-serif;font-weight:600;-webkit-user-select:none;user-select:none}.avatar--small .avatar__fallback{font-size:14px}.avatar--medium .avatar__fallback{font-size:16px}.avatar--large .avatar__fallback{font-size:18px}.avatar__presence{position:absolute;bottom:0;right:0;background-color:#fff;border-radius:50%;padding:1px}.conversation-header{position:fixed;top:0;left:0;right:0;z-index:30;background-color:var(--bg-chat-header);box-shadow:0 2px 8px var(--shadow-header)}.conversation-header__content{display:flex;align-items:center;gap:12px;padding:12px 16px;max-width:100%}.conversation-header__back-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:none;border:none;color:var(--text-primary);cursor:pointer;border-radius:50%;transition:background-color .3s ease,transform .3s ease;flex-shrink:0}.conversation-header__back-button:hover{background-color:var(--bg-icon-hover);transform:scale(1.05)}.conversation-header__back-button:focus{outline:2px solid var(--accent-purple);outline-offset:2px}.conversation-header__back-button:active{transform:scale(.95)}.conversation-header__agent-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.conversation-header__agent-details{display:flex;flex-direction:column;gap:2px;min-width:0}.conversation-header__agent-name{margin:0;font-family:Fira Sans,sans-serif;font-size:16px;font-weight:600;color:var(--text-primary);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-header__agent-status{margin:0;font-family:Fira Sans,sans-serif;font-size:12px;font-weight:400;line-height:1.2}.conversation-header__agent-status--online{color:#10b981}.conversation-header__agent-status--offline{color:var(--text-muted)}.conversation-header__search-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:none;border:none;color:var(--text-primary);cursor:pointer;border-radius:50%;transition:background-color .3s ease,transform .3s ease;flex-shrink:0}.conversation-header__search-button:hover{background-color:var(--bg-icon-hover);transform:scale(1.05)}.conversation-header__search-button:focus{outline:2px solid var(--accent-purple);outline-offset:2px}.conversation-header__search-button:active{transform:scale(.95)}.conversation-header__theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:none;border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;border-radius:50%;transition:all .3s ease;flex-shrink:0}.conversation-header__theme-toggle:hover{background-color:var(--bg-icon-hover);color:var(--accent-green);border-color:var(--accent-green)}@media(max-width:480px){.conversation-header__content{padding:8px 16px}.conversation-header__agent-name{font-size:14px}.conversation-header__agent-status{font-size:11px}}@media(max-width:768px){.conversation-header__content{padding:10px 16px}}@media(min-width:769px){.conversation-header__content{padding:12px 24px}}.status-receipt{font-size:12px;margin-left:4px;display:inline-flex;align-items:center;line-height:1;-webkit-user-select:none;user-select:none}.message-bubble{display:inline-block;max-width:75%;padding:8px 12px;border-radius:16px;margin-bottom:8px;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;animation:messageFadeIn .3s ease-out;transition:opacity .3s ease,transform .3s ease,background-color .3s ease}@keyframes messageFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-bubble--sent{background-color:var(--bg-bubble-sent);color:var(--text-on-sent);margin-left:auto;align-self:flex-end}.message-bubble--received{background-color:var(--bg-bubble-received);color:var(--text-on-received);margin-right:auto;align-self:flex-start}.message-bubble__content{white-space:pre-wrap;word-break:break-word;font-family:Fira Sans,sans-serif;font-size:16px;line-height:1.5}.message-bubble__footer{display:flex;align-items:center;justify-content:flex-end;margin-top:4px;gap:4px}.message-bubble__timestamp{font-size:12px;color:var(--text-secondary);font-family:Fira Sans,sans-serif;line-height:1}.message-bubble__attachments{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.message-bubble__attachment{cursor:pointer;border-radius:8px;overflow:hidden;transition:opacity .3s ease,transform .3s ease}.message-bubble__attachment:hover{opacity:.9;transform:scale(1.02)}.message-bubble__attachment:focus{outline:2px solid var(--accent-purple);outline-offset:2px}.message-bubble__attachment-image{display:block;max-width:200px;width:100%;height:auto;border-radius:8px;object-fit:cover}.message-bubble__attachment-pdf{display:flex;align-items:center;gap:8px;padding:8px;background-color:#0000000d;border-radius:8px;max-width:200px}.message-bubble--sent .message-bubble__attachment-pdf{background-color:#0000001a}.message-bubble__attachment-pdf-icon{width:24px;height:24px;flex-shrink:0;color:var(--accent-purple)}.message-bubble__attachment-pdf-name{font-size:14px;font-family:Fira Sans,sans-serif;color:var(--text-primary);word-break:break-word;line-height:1.4}@media(max-width:480px){.message-bubble{max-width:85%}}@media(max-width:768px)and (min-width:481px){.message-bubble{max-width:80%}}.date-separator{display:flex;justify-content:center;align-items:center;margin:16px 0}.date-separator__label{color:var(--text-date-separator);font-size:12px;font-weight:500;text-align:center}.typing-indicator{display:flex;align-items:flex-start;margin-bottom:8px;animation:typingIndicatorFadeIn .5s ease-out}@keyframes typingIndicatorFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.typing-indicator__bubble{display:inline-flex;align-items:center;gap:4px;padding:12px 16px;background-color:var(--bg-typing);border-radius:16px;margin-right:auto;align-self:flex-start}.typing-indicator__dot{width:8px;height:8px;background-color:var(--text-secondary);border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out}.typing-indicator__dot--1{animation-delay:0ms}.typing-indicator__dot--2{animation-delay:.15s}.typing-indicator__dot--3{animation-delay:.3s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}.typing-indicator__bubble{transition:opacity .5s ease,transform .5s ease}.message-timeline{flex:1;overflow-y:auto;overflow-x:hidden;background-color:var(--bg-chat);scroll-behavior:smooth;padding:16px 32px}.message-timeline__content{display:flex;flex-direction:column;gap:12px;min-height:100%}.message-timeline__sentinel{height:1px;width:1px;visibility:hidden}@media(max-width:768px){.message-timeline{padding:16px 24px}}@media(max-width:480px){.message-timeline{padding:16px}}.message-timeline::-webkit-scrollbar{width:6px}.message-timeline::-webkit-scrollbar-track{background:transparent}.message-timeline::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.message-timeline::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-track)}.message-input{padding:16px;background-color:var(--bg-chat-input);border-top:1px solid var(--border-default)}.message-input__container{display:flex;align-items:flex-end;gap:8px;background-color:var(--bg-chat-input-area);border-radius:15px;padding:8px}.message-input__attachment-button{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;padding:0}.message-input__attachment-button:hover:not(:disabled){background-color:var(--bg-icon-hover);color:var(--text-primary)}.message-input__attachment-button:disabled{opacity:.5;cursor:not-allowed}.message-input__attachment-button:focus-visible{outline:2px solid var(--accent-purple);outline-offset:2px}.message-input__textarea{flex:1;min-height:44px;max-height:120px;padding:12px;font-family:Fira Sans,sans-serif;font-size:16px;line-height:1.5;color:var(--text-primary);background-color:transparent;border:none;resize:none;overflow-y:auto;outline:none}.message-input__textarea::placeholder{color:var(--text-secondary)}.message-input__textarea:disabled{opacity:.5;cursor:not-allowed}.message-input__textarea::-webkit-scrollbar{width:6px}.message-input__textarea::-webkit-scrollbar-track{background:transparent}.message-input__textarea::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.message-input__textarea::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-track)}.message-input__send-button{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease;padding:0}.message-input__send-button--sending{width:auto;min-width:44px;padding:0 16px;border-radius:22px}.message-input__send-button-text{font-family:Fira Sans,sans-serif;font-size:14px;font-weight:600;white-space:nowrap}.message-input__send-button--disabled{background-color:var(--bg-btn-disabled);color:var(--text-btn-disabled);cursor:not-allowed}.message-input__send-button--enabled{background-color:var(--accent-purple);color:#fff}.message-input__send-button--enabled:hover{background-color:var(--accent-purple-hover);box-shadow:0 6px 24px #7622f04d}.message-input__send-button--enabled:active{transform:scale(.95)}.message-input__send-button:focus-visible{outline:2px solid var(--accent-purple);outline-offset:2px}@media(max-width:480px){.message-input{padding:12px 16px}.message-input__attachment-button,.message-input__send-button{min-width:44px;min-height:44px}}.message-input__attachment-button,.message-input__send-button,.message-input__textarea{transition:all .3s ease}.connection-status-banner{position:fixed;top:0;left:0;right:0;z-index:50;padding:12px 16px;text-align:center;font-family:Fira Sans,sans-serif;font-size:14px;font-weight:500;color:#04020f;transition:transform .3s ease,opacity .3s ease;animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.connection-status-banner--reconnecting{background-color:#f59e0b;color:#04020f}.connection-status-banner--disconnected{background-color:#ef4444;color:#fff}.connection-status-banner__message{display:inline-block}@media(max-width:480px){.connection-status-banner{font-size:13px;padding:10px 16px}}.conversation-screen{display:flex;flex-direction:column;height:100vh;width:100%;background-color:var(--bg-chat);position:relative;overflow:hidden}.conversation-screen .connection-status-banner{position:fixed;top:0;left:0;right:0;z-index:1000}.conversation-screen .conversation-header{position:sticky;top:0;z-index:100;flex-shrink:0}.conversation-screen .message-timeline{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.conversation-screen .message-input{position:sticky;bottom:0;z-index:100;flex-shrink:0}@media(max-width:480px){.conversation-screen{height:100vh;width:100vw}.conversation-screen .message-timeline{height:calc(100dvh - 120px)}}@media(max-width:768px){.conversation-screen{width:100%}}@media(min-width:769px){.conversation-screen{margin:0 auto}}.conversation-screen .message-timeline{scroll-behavior:smooth}.conversation-screen *:focus-visible{outline-offset:2px}.agent-dashboard{min-height:100vh;background:var(--bg-page);color:var(--text-primary);font-family:Fira Sans,Helvetica,Arial,sans-serif}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2rem;background:var(--bg-surface);border-bottom:1px solid var(--border-default)}.dashboard-header__title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.dashboard-header__subtitle{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem;display:block}.dashboard-header__right{display:flex;align-items:center;gap:1rem}.dashboard-header__theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-surface-hover);border:1px solid var(--border-default);border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all .2s}.dashboard-header__theme-toggle:hover{color:var(--accent-green);border-color:var(--accent-green)}.dashboard-header__role{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;background:#7622f026;color:#b68aff;padding:.25rem .75rem;border-radius:20px;font-weight:600}.dashboard-header__logout{padding:.5rem 1rem;background:#dc26261a;color:#fca5a5;border:1px solid rgba(220,38,38,.2);border-radius:8px;cursor:pointer;font-size:.875rem;font-family:inherit;transition:all .2s}.dashboard-header__logout:hover{background:#dc262633;border-color:#dc262666}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1.5rem 2rem}.dashboard-stat{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;padding:1.25rem;text-align:center}.dashboard-stat__number{display:block;font-size:2rem;font-weight:700;color:var(--accent-green)}.dashboard-stat__label{display:block;font-size:.8rem;color:var(--text-secondary);margin-top:.25rem;text-transform:uppercase;letter-spacing:.05em}.dashboard-tabs{display:flex;gap:.5rem;padding:0 2rem;overflow-x:auto;border-bottom:1px solid var(--border-subtle)}.dashboard-tab{padding:.75rem 1.25rem;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap}.dashboard-tab:hover{color:var(--text-tab-hover)}.dashboard-tab--active{color:var(--accent-green);border-bottom-color:var(--accent-green)}.dashboard-tickets{padding:1.5rem 2rem;display:flex;flex-direction:column;gap:.75rem}.dashboard-ticket{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;padding:1.25rem;transition:all .2s}.dashboard-ticket:hover{border-color:var(--border-default);background:var(--bg-surface-hover)}.dashboard-ticket__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.dashboard-ticket__id{font-family:monospace;font-size:.875rem;color:var(--text-ticket-id);font-weight:600}.dashboard-ticket__status{font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:20px;border:1px solid;text-transform:capitalize}.dashboard-ticket__info{display:flex;gap:1.5rem;margin-bottom:1rem;font-size:.875rem}.dashboard-ticket__user{color:var(--text-secondary)}.dashboard-ticket__date{color:var(--text-muted)}.dashboard-ticket__actions{display:flex;gap:.5rem;flex-wrap:wrap}.dashboard-ticket__btn{padding:.4rem .875rem;border-radius:6px;border:1px solid;cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:500;transition:all .2s}.dashboard-ticket__btn--claim{background:#c8ff001a;color:#c8ff00;border-color:#c8ff0033}.dashboard-ticket__btn--claim:hover{background:#c8ff0033}.dashboard-ticket__btn--resolve{background:#22c55e1a;color:#22c55e;border-color:#22c55e33}.dashboard-ticket__btn--resolve:hover{background:#22c55e33}.dashboard-ticket__btn--close{background:#6b72801a;color:#9ca3af;border-color:#6b728033}.dashboard-ticket__btn--close:hover{background:#6b728033}.dashboard-ticket__btn--view{background:#7622f01a;color:#b68aff;border-color:#7622f033}.dashboard-ticket__btn--view:hover{background:#7622f033}.dashboard-loading{text-align:center;padding:3rem;color:var(--text-secondary)}.dashboard-spinner{width:2rem;height:2rem;border:3px solid rgba(200,255,0,.2);border-top-color:#c8ff00;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-error{text-align:center;padding:3rem;color:var(--text-error)}.dashboard-retry{margin-top:1rem;padding:.5rem 1.5rem;background:var(--bg-error-btn);color:var(--text-error-btn);border:1px solid var(--border-error-btn);border-radius:8px;cursor:pointer;font-family:inherit;font-size:.875rem}.dashboard-empty{text-align:center;padding:3rem;color:var(--text-muted)}@media(max-width:768px){.dashboard-header{flex-direction:column;gap:1rem;align-items:flex-start;padding:1rem}.dashboard-stats{grid-template-columns:repeat(2,1fr);padding:1rem}.dashboard-tickets{padding:1rem}.dashboard-tabs{padding:0 1rem}.dashboard-ticket__actions{flex-direction:column}.dashboard-ticket__btn{width:100%;text-align:center}}.landing-page{min-height:100vh;background:linear-gradient(135deg,#04020f,#1a0a3e,#04020f);display:flex;flex-direction:column;position:relative;overflow:hidden;font-family:Fira Sans,sans-serif;color:#fff}.landing-page:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 25% 35%,rgba(118,34,240,.1) 0%,transparent 50%),radial-gradient(circle at 75% 65%,rgba(200,255,0,.06) 0%,transparent 50%);animation:landing-bg-rotate 30s linear infinite;pointer-events:none}@keyframes landing-bg-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.landing-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 3rem;position:relative;z-index:10}.landing-logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;text-decoration:none;color:#fff}.landing-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#7622f0,#c8ff00);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:800}.landing-nav-actions{display:flex;gap:1rem;align-items:center}.landing-btn{padding:.65rem 1.75rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;border:none;font-family:inherit}.landing-btn-outline{background:transparent;color:#c8ff00;border:1.5px solid rgba(200,255,0,.3)}.landing-btn-outline:hover{border-color:#c8ff00;background:#c8ff0014}.landing-btn-primary{background:linear-gradient(135deg,#7622f0,#9b4dff);color:#fff}.landing-btn-primary:hover{background:linear-gradient(135deg,#8a3af5,#a85fff);transform:translateY(-1px);box-shadow:0 6px 24px #7622f059}.landing-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 2rem 4rem;position:relative;z-index:5}.landing-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;border-radius:50px;background:#7622f026;border:1px solid rgba(118,34,240,.3);color:#b380ff;font-size:.85rem;font-weight:500;margin-bottom:2rem}.landing-badge-dot{width:8px;height:8px;border-radius:50%;background:#c8ff00;animation:landing-pulse 2s ease-in-out infinite}@keyframes landing-pulse{0%,to{opacity:1}50%{opacity:.4}}.landing-hero h1{font-size:3.5rem;font-weight:800;line-height:1.15;margin:0 0 1.25rem;max-width:700px}.landing-hero h1 .highlight{background:linear-gradient(135deg,#c8ff00,#a0e600);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-hero p{font-size:1.15rem;line-height:1.7;color:#8990ae;max-width:520px;margin:0 0 2.5rem}.landing-hero-actions{display:flex;gap:1rem;align-items:center}.landing-btn-large{padding:.85rem 2.25rem;font-size:1.05rem;border-radius:10px}.landing-features{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:0 3rem 4rem;position:relative;z-index:5;max-width:1000px;margin:0 auto;width:100%}.landing-feature-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:1.75rem;transition:all .25s ease}.landing-feature-card:hover{background:#7622f00f;border-color:#7622f033;transform:translateY(-2px)}.landing-feature-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:1rem}.landing-feature-icon.purple{background:#7622f026}.landing-feature-icon.green{background:#c8ff001f}.landing-feature-icon.blue{background:#2296f026}.landing-feature-card h3{font-size:1.05rem;font-weight:700;margin:0 0 .5rem;color:#fff}.landing-feature-card p{font-size:.9rem;color:#8990ae;line-height:1.55;margin:0}.landing-footer{padding:1.5rem 3rem;text-align:center;color:#555a70;font-size:.85rem;position:relative;z-index:5;border-top:1px solid rgba(255,255,255,.04)}@media(max-width:768px){.landing-header{padding:1.25rem 1.5rem}.landing-hero h1{font-size:2.25rem}.landing-hero p{font-size:1rem}.landing-features{grid-template-columns:1fr;padding:0 1.5rem 3rem}.landing-hero-actions{flex-direction:column}.landing-btn-large{width:100%;text-align:center}}