:root{--brand-navy: #0D1428;--brand-gold: #F0BB32;--brand-gold-dark: #C99A1A;--brand-gold-light: #FEF6DA;--primary-color: #F0BB32;--primary-dark: #C99A1A;--primary-light: rgba(240, 187, 50, .1);--primary-hue: 43;--secondary-color: #3B82F6;--bg-color: #0D1428;--surface-color: #151F3A;--bg-alt: #1A2647;--text-main: #F8FAFC;--text-secondary: #94A3B8;--border-color: #22325A;--success-color: #10B981;--danger-color: #EF4444;--warning-color: #F59E0B;--header-height: 80px;--footer-nav-height: 60px;--radius-lg: 24px;--radius-md: 16px;--radius-sm: 8px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 40px -8px rgba(0, 0, 0, .6), 0 8px 10px -6px rgba(0, 0, 0, .4);--primary-gradient: linear-gradient(135deg, #F0BB32 0%, #C99A1A 100%);--brand-gradient: linear-gradient(135deg, #0D1428 0%, #151F3A 100%);--font-body: "Inter", system-ui, sans-serif;--font-heading: "Outfit", system-ui, sans-serif;--white: var(--surface-color);--text-color: var(--text-main);--text-muted: var(--text-secondary);--card-shadow: var(--shadow-md)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);color:var(--text-main);background-color:var(--bg-color);line-height:1.6;font-size:.95rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;color:var(--text-main);letter-spacing:-.02em}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}a{text-decoration:none;color:inherit;transition:color .2s}ul{list-style:none}.container{max-width:1240px;margin:0 auto;padding:0 24px}button{cursor:pointer;border:none;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit;font-size:.95rem}.btn-primary{background:var(--primary-color);color:var(--brand-navy);padding:12px 28px;border-radius:var(--radius-md);font-weight:700;box-shadow:0 4px 6px -1px rgba(240,187,50,.25),0 2px 4px -1px rgba(240,187,50,.15);display:inline-flex;align-items:center;justify-content:center;letter-spacing:.01em}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 10px 20px -3px rgba(240,187,50,.35),0 4px 6px -2px rgba(240,187,50,.2)}.btn-primary:active{transform:translateY(0) scale(.98);box-shadow:0 2px 4px rgba(240,187,50,.2)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-outline{border:1px solid var(--border-color);color:var(--text-main);background:var(--surface-color);padding:10px 24px;border-radius:var(--radius-md);font-weight:500;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-outline:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-outline:active{transform:translateY(0) scale(.98)}.btn-danger{background:transparent;border:1px solid var(--danger-color);color:var(--danger-color);padding:10px 24px;border-radius:var(--radius-lg);font-weight:600;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.btn-danger:hover{background:var(--danger-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px rgba(238,93,80,.2)}input,select,textarea,.form-control{width:100%;padding:14px 20px;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);background:var(--bg-alt);font-size:.95rem;transition:all .2s;outline:none;font-family:inherit}input:focus,select:focus,textarea:focus,.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light);background:var(--surface-color)}.card,.content-card{background:var(--surface-color);padding:32px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid rgba(0,0,0,.03);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.page-header{text-align:center;margin-bottom:40px}.page-header h1{font-size:2rem;font-weight:700;color:var(--text-main);margin-bottom:8px}.page-header span{color:var(--primary-color)}.page-header p{color:var(--text-secondary);font-size:1.1rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) forwards}@media(max-width:768px){.admin-tabs{flex-wrap:wrap!important;justify-content:center!important;gap:12px!important}.admin-tabs button{flex:1 1 45%!important;min-width:140px;margin-bottom:5px}.dashboard-header h1{font-size:1.5rem;text-align:center;width:100%}}.services-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.service-form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}@media(max-width:768px){.services-admin-grid,.service-form-row{grid-template-columns:1fr!important}}.tickets-admin-grid{display:grid;grid-template-columns:1fr;gap:24px}.tickets-admin-grid.split-view{grid-template-columns:1fr 1.5fr}@media(max-width:768px){.tickets-admin-grid.split-view{grid-template-columns:1fr!important}}@media only screen and (max-width:900px){div.categories-admin-grid,div.services-admin-grid,div.tickets-admin-grid{display:flex!important;flex-direction:column!important;grid-template-columns:1fr!important}div.card{width:100%!important;min-width:0!important}}�/�*� �M�o�d�a�l� �S�t�y�l�e�s� �*�/� �.�m�o�d�a�l�-�o�v�e�r�l�a�y� �{� � � �p�o�s�i�t�i�o�n�:� �f�i�x�e�d�;� � � �t�o�p�:� �0�;� � � �l�e�f�t�:� �0�;� � � �w�i�d�t�h�:� �1�0�0�v�w�;� � � �h�e�i�g�h�t�:� �1�0�0�v�h�;� � � �b�a�c�k�g�r�o�u�n�d�:� �r�g�b�a�(�2�7�,� �3�7�,� �7�5�,� �0�.�6�)�;� � � �b�a�c�k�d�r�o�p�-�f�i�l�t�e�r�:� �b�l�u�r�(�4�p�x�)�;� � � �d�i�s�p�l�a�y�:� �f�l�e�x�;� � � �j�u�s�t�i�f�y�-�c�o�n�t�e�n�t�:� �c�e�n�t�e�r�;� � � �a�l�i�g�n�-�i�t�e�m�s�:� �c�e�n�t�e�r�;� � � �z�-�i�n�d�e�x�:� �1�0�0�0�;� �}� � �.�m�o�d�a�l�-�c�o�n�t�e�n�t� �{� � � �b�a�c�k�g�r�o�u�n�d�:� �v�a�r�(�-�-�s�u�r�f�a�c�e�-�c�o�l�o�r�)�;� � � �p�a�d�d�i�n�g�:� �3�2�p�x�;� � � �b�o�r�d�e�r�-�r�a�d�i�u�s�:� �v�a�r�(�-�-�r�a�d�i�u�s�-�l�g�)�;� � � �w�i�d�t�h�:� �9�0�%�;� � � �m�a�x�-�w�i�d�t�h�:� �6�0�0�p�x�;� � � �b�o�x�-�s�h�a�d�o�w�:� �v�a�r�(�-�-�s�h�a�d�o�w�-�l�g�)�;� � � �m�a�x�-�h�e�i�g�h�t�:� �9�0�v�h�;� � � �o�v�e�r�f�l�o�w�-�y�:� �a�u�t�o�;� � � �p�o�s�i�t�i�o�n�:� �r�e�l�a�t�i�v�e�;� � � �a�n�i�m�a�t�i�o�n�:� �f�a�d�e�I�n�U�p� �0�.�3�s� �e�a�s�e�-�o�u�t� �f�o�r�w�a�r�d�s�;� �}� � �.�m�o�d�a�l�-�h�e�a�d�e�r� �{� � � �d�i�s�p�l�a�y�:� �f�l�e�x�;� � � �j�u�s�t�i�f�y�-�c�o�n�t�e�n�t�:� �s�p�a�c�e�-�b�e�t�w�e�e�n�;� � � �a�l�i�g�n�-�i�t�e�m�s�:� �c�e�n�t�e�r�;� � � �m�a�r�g�i�n�-�b�o�t�t�o�m�:� �2�4�p�x�;� �}� � �.�m�o�d�a�l�-�h�e�a�d�e�r� �h�2� �{� � � �m�a�r�g�i�n�:� �0�;� � � �f�o�n�t�-�s�i�z�e�:� �1�.�5�r�e�m�;� �}� � �.�b�t�n�-�c�l�o�s�e� �{� � � �b�a�c�k�g�r�o�u�n�d�:� �t�r�a�n�s�p�a�r�e�n�t�;� � � �b�o�r�d�e�r�:� �n�o�n�e�;� � � �f�o�n�t�-�s�i�z�e�:� �1�.�5�r�e�m�;� � � �c�o�l�o�r�:� �v�a�r�(�-�-�t�e�x�t�-�s�e�c�o�n�d�a�r�y�)�;� � � �c�u�r�s�o�r�:� �p�o�i�n�t�e�r�;� � � �t�r�a�n�s�i�t�i�o�n�:� �c�o�l�o�r� �0�.�2�s�;� �}� � �.�b�t�n�-�c�l�o�s�e�:�h�o�v�e�r� �{� � � �c�o�l�o�r�:� �v�a�r�(�-�-�d�a�n�g�e�r�-�c�o�l�o�r�)�;� �}� � �/�*� �I�n�l�i�n�e� �P�r�i�c�e� �E�d�i�t�o�r� �*�/� �.�i�n�l�i�n�e�-�p�r�i�c�e�-�c�o�n�t�a�i�n�e�r� �{� � � �d�i�s�p�l�a�y�:� �f�l�e�x�;� � � �a�l�i�g�n�-�i�t�e�m�s�:� �c�e�n�t�e�r�;� � � �g�a�p�:� �8�p�x�;� �}� � �.�i�n�l�i�n�e�-�p�r�i�c�e�-�t�e�x�t� �{� � � �c�u�r�s�o�r�:� �p�o�i�n�t�e�r�;� � � �p�a�d�d�i�n�g�:� �4�p�x� �8�p�x�;� � � �b�o�r�d�e�r�-�r�a�d�i�u�s�:� �4�p�x�;� � � �t�r�a�n�s�i�t�i�o�n�:� �b�a�c�k�g�r�o�u�n�d� �0�.�2�s�;� � � �d�i�s�p�l�a�y�:� �i�n�l�i�n�e�-�b�l�o�c�k�;� � � �m�i�n�-�w�i�d�t�h�:� �6�0�p�x�;� �}� � �.�i�n�l�i�n�e�-�p�r�i�c�e�-�t�e�x�t�:�h�o�v�e�r� �{� � � �b�a�c�k�g�r�o�u�n�d�:� �v�a�r�(�-�-�b�g�-�c�o�l�o�r�)�;� � � �b�o�r�d�e�r�:� �1�p�x� �d�a�s�h�e�d� �v�a�r�(�-�-�p�r�i�m�a�r�y�-�c�o�l�o�r�)�;� �}� � �.�i�n�l�i�n�e�-�p�r�i�c�e�-�i�n�p�u�t� �{� � � �w�i�d�t�h�:� �8�0�p�x�;� � � �p�a�d�d�i�n�g�:� �4�p�x� �8�p�x�;� � � �b�o�r�d�e�r�:� �1�p�x� �s�o�l�i�d� �v�a�r�(�-�-�p�r�i�m�a�r�y�-�c�o�l�o�r�)�;� � � �b�o�r�d�e�r�-�r�a�d�i�u�s�:� �4�p�x�;� � � �f�o�n�t�-�s�i�z�e�:� �0�.�9�r�e�m�;� �}� � �.�i�n�l�i�n�e�-�p�r�i�c�e�-�s�a�v�e�-�b�t�n� �{� � � �b�a�c�k�g�r�o�u�n�d�:� �v�a�r�(�-�-�p�r�i�m�a�r�y�-�c�o�l�o�r�)�;� � � �c�o�l�o�r�:� �#�f�f�f�;� � � �b�o�r�d�e�r�:� �n�o�n�e�;� � � �b�o�r�d�e�r�-�r�a�d�i�u�s�:� �4�p�x�;� � � �p�a�d�d�i�n�g�:� �4�p�x� �8�p�x�;� � � �c�u�r�s�o�r�:� �p�o�i�n�t�e�r�;� � � �f�o�n�t�-�s�i�z�e�:� �0�.�8�r�e�m�;� �}� �.�i�n�l�i�n�e�-�p�r�i�c�e�-�s�a�v�e�-�b�t�n�:�h�o�v�e�r� �{� � � �b�a�c�k�g�r�o�u�n�d�:� �v�a�r�(�-�-�p�r�i�m�a�r�y�-�d�a�r�k�)�;� �}� � � �.header{height:110px;position:fixed;top:0;left:0;width:100%;background:rgba(13,20,40,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05);z-index:10000;display:flex;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 32px}.logo-img{height:36px;width:auto;object-fit:contain;display:block}.logo a{display:block}.desktop-nav ul{display:flex;align-items:center;gap:12px}.btn-nav{background:none;border:none;font-weight:500;font-size:.95rem;color:var(--text-secondary);padding:8px 16px;border-radius:8px;transition:all .2s;cursor:pointer}.btn-nav:hover{color:var(--primary-color);background:rgba(255,255,255,.05)}.desktop-nav a{font-weight:500;font-size:.95rem;color:var(--text-secondary);padding:8px 16px;border-radius:8px;transition:all .2s}.desktop-nav a:not(.btn-primary):not(.btn-outline):hover{color:var(--primary-color);background:rgba(255,255,255,.05)}.desktop-nav a.btn-primary{color:var(--brand-navy);background:var(--primary-color);box-shadow:0 4px 10px rgba(240,187,50,.2);font-weight:700}.desktop-nav a.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 6px 15px rgba(240,187,50,.3)}.desktop-nav a.btn-outline{color:var(--primary-color);border:1px solid var(--border-color);background:transparent;font-weight:600}.desktop-nav a.btn-outline:hover{background:rgba(240,187,50,.1);border-color:var(--primary-color)}.mobile-menu-btn{display:none;background:transparent;border:none;font-size:24px;color:var(--text-main);cursor:pointer;z-index:10002;padding:8px}.mobile-nav{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(13,20,40,.98);backdrop-filter:blur(10px);z-index:10001;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.mobile-nav.active{opacity:1;pointer-events:all}.mobile-nav ul{list-style:none;text-align:center;display:flex;flex-direction:column;gap:30px;padding:0;margin:0}.mobile-link{font-size:1.5rem;font-weight:700;color:var(--text-main);text-decoration:none;background:none;border:none;cursor:pointer;font-family:var(--font-heading);transition:color .2s}.mobile-link:hover{color:var(--primary-color)}.mobile-balance{font-size:1.2rem;color:var(--success-color);font-weight:600}.btn-logout{color:var(--danger-color)}@media(max-width:768px){.header-content{padding:0 20px}.desktop-nav{display:none}.mobile-menu-btn{display:block}}.btn-logout-desktop{color:var(--danger-color);font-weight:600;background:transparent;border:1px solid var(--danger-color);padding:8px 16px;border-radius:8px;margin-left:10px}.btn-logout-desktop:hover{background:var(--danger-color);color:#fff}.hero{padding:220px 0 160px;background:var(--bg-color);position:relative;overflow:hidden;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:90vh}.hero:before{content:"";position:absolute;top:-30%;left:50%;transform:translate(-50%);width:120vw;height:120vw;max-width:1400px;max-height:1400px;background:radial-gradient(circle,rgba(240,187,50,.12),rgba(59,130,246,.08) 30%,rgba(13,20,40,0) 70%);z-index:0;pointer-events:none}.hero-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;max-width:900px;margin:0 auto}.hero-text{width:100%}.hero-text h1{font-size:84px;line-height:1.1;margin-bottom:24px;color:var(--text-main);font-weight:800;letter-spacing:-.04em}.hero-text h1 span{background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-text p{font-size:22px;color:var(--text-secondary);margin:0 auto 48px;max-width:650px;line-height:1.6;font-weight:400}.hero-actions{display:flex;gap:20px;justify-content:center}.hero-actions .btn-primary{padding:16px 36px;font-size:1.15rem;border-radius:40px;font-weight:700;box-shadow:0 8px 20px rgba(240,187,50,.25)}.hero-actions .btn-primary:hover{box-shadow:0 12px 25px rgba(240,187,50,.4);transform:translateY(-2px)}.hero-actions .btn-outline{padding:16px 36px;font-size:1.15rem;border-radius:40px;font-weight:600;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:var(--text-main);backdrop-filter:blur(10px)}.hero-actions .btn-outline:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);transform:translateY(-2px)}@media(max-width:768px){.hero{padding:160px 20px 100px;min-height:80vh}.hero-text h1{font-size:52px}.hero-text p{font-size:18px;margin-bottom:40px}.hero-actions{flex-direction:column;width:100%;max-width:320px;margin-left:auto;margin-right:auto}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.4);backdrop-filter:blur(8px);display:flex;align-items:flex-start;justify-content:center;z-index:11000;padding:20px;overflow-y:auto;animation:fadeIn .3s cubic-bezier(.4,0,.2,1)}.modal-content{background:var(--surface-color);padding:32px;border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--shadow-xl);border:1px solid rgba(255,255,255,.8);display:flex;flex-direction:column;gap:20px;margin:auto}.close-btn{position:absolute;top:20px;right:20px;background:var(--bg-alt);font-size:20px;color:var(--text-secondary);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);line-height:1;padding-bottom:2px}.close-btn:hover{background:var(--danger-color);color:#fff;transform:scale(1.1) rotate(90deg)}.modal-header h2{font-size:1.5rem;font-weight:700;margin-bottom:5px;color:var(--text-main)}.modal-subtitle{font-size:.9rem;color:var(--text-secondary)}.service-info-card{background:var(--bg-alt);padding:16px;border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.03);display:flex;flex-direction:column;gap:8px}.info-row{display:flex;justify-content:space-between;font-size:.95rem}.info-row .label{color:var(--text-secondary)}.info-row .value{font-weight:600;color:var(--text-main)}.info-row .value.highlight{color:var(--primary-color)}.range-limit{font-size:.8rem;color:var(--text-secondary);font-weight:400;margin-left:5px}.order-summary-box{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(135deg,rgba(16,185,129,.08),rgba(16,185,129,.02));border-radius:var(--radius-md);border:1px solid rgba(16,185,129,.15);margin-top:10px}.summary-label{font-weight:600;color:var(--primary-dark)}.summary-value{color:var(--primary-color);font-size:1.4rem;font-weight:800}@media(max-width:480px){.modal-content{padding:24px}}.services-section{padding:100px 0 120px;background:var(--bg-color);position:relative}.services-section:before{content:"";position:absolute;bottom:-10%;left:50%;transform:translate(-50%);width:70vw;height:60vw;max-width:900px;max-height:700px;background:radial-gradient(circle,rgba(240,187,50,.06) 0%,transparent 70%);pointer-events:none;z-index:0}.services-header{text-align:center;margin-bottom:56px;position:relative;z-index:1}.services-eyebrow{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.12em;color:var(--primary-color);background:rgba(240,187,50,.08);border:1px solid rgba(240,187,50,.2);border-radius:40px;padding:5px 16px;margin-bottom:20px}.section-title{font-size:48px;font-weight:800;color:var(--text-main);letter-spacing:-.03em;line-height:1.1;margin-bottom:16px}.section-title span{background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.section-subtitle{color:var(--text-secondary);font-size:1.05rem;max-width:560px;margin:0 auto;line-height:1.6}.services-filter-bar{margin-bottom:36px;display:flex;justify-content:center;position:relative;z-index:1}.search-wrapper{position:relative;width:100%;max-width:520px}.search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:.95rem}.search-input{width:100%;padding:15px 24px 15px 48px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:40px;font-size:.95rem;color:var(--text-main);transition:border-color .3s,box-shadow .3s}.search-input::placeholder{color:var(--text-secondary)}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(240,187,50,.1)}.category-tabs{display:flex;justify-content:center;gap:12px;margin-bottom:48px;flex-wrap:wrap;position:relative;z-index:1}.tab-btn{display:flex;align-items:center;gap:8px;padding:10px 22px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:40px;font-weight:600;font-size:.9rem;color:var(--text-secondary);cursor:pointer;transition:all .25s ease}.tab-btn i{font-size:1rem}.tab-btn:hover{border-color:var(--primary-color);color:var(--text-main);background:rgba(240,187,50,.05)}.tab-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#0d1428;box-shadow:0 4px 14px rgba(240,187,50,.3)}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;min-height:240px;position:relative;z-index:1}.service-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:20px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:-40px;right:-40px;width:120px;height:120px;background:radial-gradient(circle,rgba(240,187,50,.15) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none;border-radius:50%}.service-card:hover{transform:translateY(-6px);border-color:rgba(240,187,50,.3);box-shadow:0 12px 32px rgba(0,0,0,.4),0 0 0 1px rgba(240,187,50,.1)}.service-card:hover:before{opacity:1}.service-card-top{flex-shrink:0}.service-card-name{font-size:1.05rem;font-weight:700;color:var(--text-main);line-height:1.4}.service-badges{display:flex;flex-direction:column;gap:8px;flex-grow:1}.service-badge{display:flex;align-items:center;gap:10px;font-size:.82rem;padding:7px 12px;background:var(--bg-alt);border-radius:8px;border:1px solid var(--border-color)}.service-badge i{color:var(--primary-color);font-size:.75rem;width:14px;text-align:center;flex-shrink:0}.badge-key{color:var(--text-secondary);font-weight:600;min-width:68px;flex-shrink:0}.badge-value{color:var(--text-main);font-weight:500}.service-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid var(--border-color);flex-wrap:wrap}.service-card-price{display:flex;flex-direction:column}.price-amount{font-size:1.3rem;font-weight:800;color:var(--primary-color);line-height:1}.price-unit{font-size:.75rem;color:var(--text-secondary);margin-top:2px;font-weight:500}.service-card-limits{font-size:.78rem;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.service-card-limits i{font-size:.7rem}.btn-buy{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary-color);color:#0d1428;border:none;border-radius:12px;font-size:.88rem;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.btn-buy:hover{background:#e0a820;box-shadow:0 6px 16px rgba(240,187,50,.35);transform:translateY(-1px)}.btn-buy i{font-size:.85rem}.loader{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:16px;padding:60px;color:var(--text-secondary);font-size:.95rem}.loader-spinner{width:36px;height:36px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.no-services{grid-column:1 / -1;text-align:center;padding:60px;color:var(--text-secondary);font-size:1rem;display:flex;align-items:center;justify-content:center;gap:10px}@media(max-width:768px){.services-section{padding:70px 0 90px}.section-title{font-size:32px}.category-tabs{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.category-tabs::-webkit-scrollbar{display:none}.tab-btn{flex-shrink:0}.services-grid{grid-template-columns:1fr;gap:16px}.service-card-footer{flex-direction:column;align-items:flex-start}.btn-buy{width:100%;justify-content:center}}.features-section{padding:80px 0;background:var(--surface-color)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.feature-card{background:transparent;padding:30px;border-radius:var(--radius-lg);text-align:center;transition:transform .3s ease;border:none}.feature-card:hover{transform:translateY(-5px);background:linear-gradient(135deg,rgba(255,255,255,.5),rgba(255,255,255,.2))}.feature-icon{font-size:40px;margin-bottom:20px}.feature-card h3{font-size:1.2rem;color:var(--text-main);margin-bottom:15px}.feature-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.faq-section{padding:100px 20px;background:var(--bg-color);position:relative;border-top:1px solid rgba(255,255,255,.03)}.faq-container{max-width:800px;margin:0 auto}.faq-header{text-align:center;margin-bottom:60px}.faq-badge{display:inline-block;padding:6px 16px;background:rgba(240,187,50,.1);color:var(--brand-gold);border:1px solid rgba(240,187,50,.2);border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px}.faq-header h2{font-family:var(--font-heading);font-size:2.8rem;font-weight:800;color:#fff;margin-bottom:16px;letter-spacing:-.02em}.faq-header p{font-size:1.1rem;color:var(--text-secondary);max-width:500px;margin:0 auto;line-height:1.6}.faq-grid{display:flex;flex-direction:column;gap:16px}.faq-item{background:var(--card-bg);border:1px solid rgba(255,255,255,.05);border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.faq-item:hover{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.02)}.faq-item.active{border-color:rgba(240,187,50,.3);background:rgba(240,187,50,.03);box-shadow:0 10px 30px rgba(0,0,0,.2)}.faq-question{padding:24px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px}.faq-question h3{font-size:1.1rem;font-weight:600;color:#fff;margin:0;line-height:1.4;transition:color .3s ease}.faq-item.active .faq-question h3{color:var(--brand-gold)}.faq-icon{color:var(--text-secondary);font-size:1rem;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.05)}.faq-item.active .faq-icon{color:var(--brand-gold);background:rgba(240,187,50,.1)}.faq-answer{padding:0 30px;max-height:0;opacity:0;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.faq-item.active .faq-answer{padding:0 30px 30px;max-height:200px;opacity:1}.faq-answer p{margin:0;color:var(--text-secondary);font-size:1rem;line-height:1.7}@media(max-width:768px){.faq-section{padding:60px 16px}.faq-header h2{font-size:2rem}.faq-question{padding:20px}.faq-question h3{font-size:1rem}.faq-item.active .faq-answer{padding:0 20px 20px;max-height:300px}}.main-footer{background:#080c17;padding:80px 0 100px;border-top:1px solid rgba(255,255,255,.05);margin-top:0;position:relative;overflow:hidden}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;margin-bottom:60px}.footer-logo-text{font-family:var(--font-heading);font-size:1.8rem;font-weight:800;color:#fff;letter-spacing:-.02em;margin-bottom:16px}.footer-logo-text span{color:var(--brand-gold)}.footer-brand p{color:rgba(255,255,255,.5);line-height:1.8;max-width:320px;font-size:1rem;margin-bottom:28px}.footer-links h3{font-size:.85rem;color:#fff;margin-bottom:24px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.footer-links ul{list-style:none;padding:0}.footer-links ul li{margin-bottom:16px}.footer-links ul li a{color:rgba(255,255,255,.6);font-size:.95rem;font-weight:500;transition:all .2s ease;text-decoration:none}.footer-links ul li a:hover{color:var(--brand-gold)}.footer-social{display:flex;gap:12px}.social-item{font-size:1.1rem;color:#fff;background:rgba(255,255,255,.05);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;border:1px solid rgba(255,255,255,.05)}.social-item:hover{background:var(--brand-gold);color:#0d1428;transform:translateY(-4px);border-color:var(--brand-gold);box-shadow:0 8px 20px rgba(240,187,50,.2)}.footer-bottom{border-top:1px solid rgba(255,255,255,.05);padding-top:32px;display:flex;justify-content:space-between;align-items:center}.footer-bottom p{color:rgba(255,255,255,.4);font-size:.9rem;margin:0}.footer-legal{display:flex;align-items:center;gap:16px}.footer-legal a{color:rgba(255,255,255,.5);font-size:.9rem;text-decoration:none;transition:color .2s ease}.footer-legal a:hover{color:#fff}.legal-dot{color:rgba(255,255,255,.2);font-size:.8rem}@media(max-width:768px){.main-footer{padding:60px 0 100px}.footer-grid{grid-template-columns:1fr;gap:40px}.footer-brand p{max-width:100%}.footer-bottom{flex-direction:column;gap:16px;text-align:center}}.bottom-nav{position:fixed;bottom:0;left:0;width:100%;height:75px;background:rgba(13,20,40,.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;justify-content:space-around;align-items:center;border-top:1px solid rgba(255,255,255,.07);z-index:1000;padding-bottom:env(safe-area-inset-bottom)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:rgba(255,255,255,.45);font-size:10px;gap:5px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;padding:8px 14px;border-radius:14px;text-decoration:none;background:none;border:none;cursor:pointer;font-weight:600;letter-spacing:.02em;min-width:60px}.nav-item:hover{color:var(--primary-color)}.nav-item.active{color:var(--primary-color);background:rgba(240,187,50,.1)}.nav-item.active .icon i{filter:drop-shadow(0 0 6px rgba(240,187,50,.6))}.icon{font-size:18px;line-height:1}.label{font-size:10px;font-weight:600;line-height:1}@media(min-width:768px){.bottom-nav{display:none}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-color);background-image:radial-gradient(circle at 10% 20%,rgba(240,187,50,.05) 0%,transparent 30%),radial-gradient(circle at 90% 80%,rgba(59,130,246,.05) 0%,transparent 30%);padding:120px 24px}.auth-card{background:var(--surface-color);padding:48px 40px;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:480px;text-align:center;transition:transform .3s ease;border:1px solid var(--border-color)}.auth-card:hover{transform:translateY(-5px)}.auth-card h2{font-size:2rem;font-weight:700;margin-bottom:12px;color:var(--text-main);letter-spacing:-.5px}.auth-card p{color:var(--text-secondary);margin-bottom:32px;font-size:1rem}.form-group{text-align:left;margin-bottom:24px}.form-group label{display:block;font-size:.9rem;font-weight:600;margin-bottom:8px;color:var(--text-main)}.form-group input{width:100%;padding:14px 16px;background:var(--bg-alt);border:1px solid var(--border-color);border-radius:8px;font-size:1rem;color:var(--text-main);transition:all .3s}.form-group input:focus{outline:none;background:var(--bg-color);border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(240,187,50,.1)}.w-full{width:100%}.auth-error{color:#fc8181;font-size:.9rem;margin-bottom:20px;background:rgba(239,68,68,.1);padding:12px;border-radius:var(--radius-sm);text-align:left;border:1px solid rgba(239,68,68,.2)}.auth-success{color:var(--success-color);background:rgba(16,185,129,.1);padding:16px;border-radius:var(--radius-md);margin-bottom:24px;font-weight:500;border:1px solid rgba(16,185,129,.2)}.auth-link{margin-top:32px;font-size:.95rem;color:var(--text-secondary)}.auth-link a{color:var(--primary-color);font-weight:600;margin-left:5px;text-decoration:none}.auth-link a:hover{text-decoration:underline}.terms-page{padding:80px 20px 100px;background:var(--bg-color);min-height:100vh}.terms-container{max-width:800px;margin:0 auto;background:var(--card-bg);border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:50px;box-shadow:0 10px 40px rgba(0,0,0,.2)}.terms-header{text-align:center;margin-bottom:50px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.05)}.terms-badge{display:inline-block;padding:6px 16px;background:rgba(240,187,50,.1);color:var(--brand-gold);border:1px solid rgba(240,187,50,.2);border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px}.terms-header h1{font-family:var(--font-heading);font-size:2.8rem;font-weight:800;color:#fff;margin-bottom:10px;letter-spacing:-.02em}.terms-header p{color:var(--text-secondary);font-size:1rem;font-weight:500}.terms-content{display:flex;flex-direction:column;gap:40px}.terms-section h2{font-size:1.5rem;font-weight:700;color:var(--brand-gold);margin-bottom:16px;letter-spacing:-.01em}.terms-section p{color:var(--text-secondary);font-size:1.05rem;line-height:1.7;margin-bottom:16px}.terms-section ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:16px}.terms-section ul li{color:var(--text-secondary);font-size:1.05rem;line-height:1.7;padding-left:20px;position:relative}.terms-section ul li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;background:var(--brand-gold);border-radius:50%}.terms-section ul li strong{color:#fff;font-weight:600;margin-right:6px}@media(max-width:768px){.terms-page{padding:40px 16px 80px}.terms-container{padding:30px 20px}.terms-header h1{font-size:2rem}.terms-section h2{font-size:1.3rem}.terms-section p,.terms-section ul li{font-size:1rem}}.dashboard{padding:0;min-height:100%}.welcome-banner{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px;flex-wrap:wrap;gap:16px;padding-bottom:28px;border-bottom:1px solid rgba(0,0,0,.04)}.welcome-title{font-size:1.7rem;font-weight:700;margin:0 0 6px;letter-spacing:-.02em}.welcome-title span{background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.welcome-sub{color:var(--text-secondary);font-size:.95rem;margin:0}.stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:16px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;background:var(--surface-color);padding:32px 40px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);flex-wrap:wrap;gap:20px}.dashboard-header h1{font-size:1.8rem;font-weight:700;color:var(--text-main);margin:0}.dashboard-header h1 span{background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.user-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.user-info{display:flex;gap:15px;align-items:center;background:var(--bg-alt);padding:8px 16px;border-radius:40px;border:1px solid var(--border-color)}.balance{background:var(--success-color);color:#fff;padding:6px 16px;border-radius:30px;font-weight:700;font-size:.95rem;box-shadow:0 4px 6px -1px rgba(16,185,129,.2)}.email{font-weight:600;color:var(--text-secondary);font-size:.9rem}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:48px}.tickets-grid{grid-template-columns:1fr 2fr;align-items:start}.tickets-grid.split-view{grid-template-columns:1fr 1fr}.stat-card,.card{background:var(--surface-color);padding:32px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-color);position:relative;overflow:hidden;width:100%;box-sizing:border-box}.stat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.stat-card h3{font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-weight:600}.large-text{font-size:2.2rem;font-weight:800;color:var(--text-main)}.orders-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.orders-table thead{background:var(--bg-alt)}.orders-table th{padding:18px 24px;text-align:left;font-weight:600;color:var(--text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color)}.orders-table td{padding:24px;text-align:left;border-bottom:1px solid var(--border-color);color:var(--text-main);font-weight:500;transition:background .2s cubic-bezier(.4,0,.2,1)}.orders-table tr:last-child td{border-bottom:none}.orders-table tr:hover td{background:var(--bg-alt)}.status{padding:6px 14px;border-radius:30px;font-size:.8rem;font-weight:700;text-transform:capitalize;display:inline-block}.status.pending{background:rgba(245,158,11,.1);color:var(--warning-color)}.status.completed{background:rgba(16,185,129,.1);color:var(--success-color)}.status.processing{background:rgba(14,165,233,.1);color:var(--secondary-color)}.status.canceled{background:rgba(239,68,68,.1);color:var(--danger-color)}.no-data{text-align:center;padding:60px;color:var(--text-secondary);font-size:1.1rem}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:768px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:20px;padding:24px}.dashboard-grid,.tickets-grid,.tickets-grid.split-view{grid-template-columns:1fr!important}.stat-card,.card{padding:24px}.orders-table,.orders-table tbody,.orders-table tr,.orders-table td{display:block;width:100%}.orders-table thead{display:none}.orders-table tr{margin-bottom:16px;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px;background:var(--surface-color)}.orders-table td{text-align:right;padding:10px 0;border-bottom:1px dashed rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}.orders-table td:last-child{border-bottom:none}.orders-table td:before{content:attr(data-label);font-weight:600;color:var(--text-secondary);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.table-responsive{overflow:visible}}.categories-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:768px){.categories-admin-grid{grid-template-columns:1fr!important}}.services-page{min-height:100vh;padding-bottom:60px}.services-hero{background:linear-gradient(135deg,var(--bg-color) 0%,var(--surface-color) 100%);color:#fff;padding:140px 0 100px;text-align:center;margin-bottom:-50px;border-radius:0 0 40px 40px;border-bottom:1px solid var(--border-color)}.services-hero h1{font-size:2.5rem;margin-bottom:15px}.services-hero h1 span{color:var(--primary-color)}.services-hero p{color:#cbd5e1;max-width:600px;margin:0 auto 30px;font-size:1.1rem}.search-wrapper{max-width:500px;margin:0 auto}.service-search-input{width:100%;padding:16px 24px;border-radius:50px;border:1px solid var(--border-color);background:var(--surface-color);color:var(--text-main);font-size:1rem;box-shadow:var(--shadow-md)}.services-content{position:relative;z-index:2}.category-block{background:var(--surface-color);border:1px solid var(--border-color);border-radius:20px;box-shadow:var(--shadow-lg);margin-bottom:30px;padding:24px;overflow:hidden}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.category-header h2{font-size:1.5rem;color:var(--text-main);margin:0}.badge{background:rgba(240,187,50,.1);color:var(--primary-color);padding:6px 14px;border-radius:20px;font-size:.9rem;font-weight:600}.services-table{width:100%;border-collapse:collapse}.services-table th{text-align:left;padding:15px;color:#a3aed0;font-weight:600;font-size:.9rem;border-bottom:2px solid var(--border-color)}.services-table td{padding:15px;vertical-align:middle;border-bottom:1px solid var(--border-color)}.services-table tr:last-child td{border-bottom:none}.service-name{font-weight:600;font-size:1rem}.price-tag{color:var(--primary-color);font-weight:700;font-size:1.1rem}.btn-sm{padding:8px 20px;font-size:.9rem;height:auto}.mobile-label{display:none}@media(max-width:768px){.services-table,.services-table tbody,.services-table tr,.services-table td{display:block;width:100%}.services-table thead{display:none}.services-table tr{margin-bottom:15px;background:var(--bg-alt);border-radius:12px;padding:15px;border:1px solid var(--border-color)}.services-table td{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-color);text-align:right}.services-table td:last-child{border-bottom:none;justify-content:flex-end;padding-top:12px}.mobile-label{display:inline-block;font-weight:600;color:#a3aed0;font-size:.9rem;margin-right:10px}.name-col{text-align:left!important;display:block!important}.name-col .service-name{margin-top:5px;font-size:1.1rem}}.service-name-wrapper{display:flex;align-items:center;gap:12px}.service-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;color:#fff;font-size:1.2rem;flex-shrink:0;transition:transform .2s ease}.service-icon:hover{transform:scale(1.1) rotate(5deg)}.icon-ig{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);box-shadow:0 4px 10px rgba(220,39,67,.3)}.icon-tt{background:#000;box-shadow:0 4px 10px rgba(0,0,0,.3);border:1px solid #333}.icon-tt svg{filter:drop-shadow(2px 0 0 red) drop-shadow(-2px 0 0 cyan)}.icon-yt{background:red;box-shadow:0 4px 10px rgba(255,0,0,.3)}.icon-fb{background:#1877f2;box-shadow:0 4px 10px rgba(24,119,242,.3)}.icon-tw{background:#1da1f2;box-shadow:0 4px 10px rgba(29,161,242,.3)}.icon-tg{background:#08c;box-shadow:0 4px 10px rgba(0,136,204,.3)}.icon-sp{background:#1db954;box-shadow:0 4px 10px rgba(29,185,84,.3)}.icon-twc{background:#9146ff;box-shadow:0 4px 10px rgba(145,70,255,.3)}.icon-gen{background:#64748b;box-shadow:0 4px 10px rgba(100,116,139,.3)}@media(max-width:768px){.service-name-wrapper{flex-direction:row;justify-content:flex-start}}.action-col{position:relative;overflow:hidden}.action-col .service-icon{position:absolute;right:-10px;bottom:-5px;width:60px;height:60px;font-size:2.5rem;opacity:.15;transform:rotate(-15deg);pointer-events:none;border-radius:0;background:transparent!important;box-shadow:none!important;color:var(--primary-color)}.action-col .icon-ig{color:#e1306c}.action-col .icon-tt{color:#000;filter:drop-shadow(2px 0 0 red) drop-shadow(-2px 0 0 cyan)}.action-col .icon-yt{color:red}.action-col .icon-fb{color:#1877f2}.action-col .icon-tw{color:#1da1f2}.action-col .icon-tg{color:#08c}.action-col .icon-sp{color:#1db954}.action-col .icon-twc{color:#9146ff}.action-col .btn-primary{position:relative;z-index:2}@media(max-width:768px){.action-col .service-icon{right:10px;bottom:10px;opacity:.1}}.platform-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin:30px auto 40px;max-width:900px}.platform-card{background:rgba(255,255,255,.05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:15px 25px;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);width:100px}.platform-icon{font-size:2rem;margin-bottom:8px;color:#94a3b8;transition:color .3s ease}.platform-name{font-size:.85rem;font-weight:500;color:#cbd5e1}.platform-card:hover,.platform-card.active{background:rgba(255,255,255,.15);transform:translateY(-5px);box-shadow:0 10px 25px -5px var(--brand-color);border-color:var(--brand-color)}.platform-card:hover .platform-icon,.platform-card.active .platform-icon{color:var(--brand-color)}.platform-card:hover .platform-name,.platform-card.active .platform-name{color:#fff}@media(max-width:768px){.platform-grid{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:15px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.platform-grid::-webkit-scrollbar{display:none}.platform-card{flex-shrink:0;width:85px;padding:12px 10px}}.add-funds-container{padding:0;min-height:100%}.add-funds-card{background:var(--surface-color);padding:40px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);width:100%;max-width:550px;border:1px solid var(--border-color);text-align:center}.add-funds-card h2{font-size:28px;color:var(--text-main);font-weight:700;margin-bottom:8px}.add-funds-card p{color:var(--text-secondary);margin-bottom:30px}.form-group{margin-bottom:24px;text-align:left}.form-group label{display:block;margin-bottom:8px;color:var(--text-main);font-weight:600;font-size:.95rem}.form-control{width:100%;padding:14px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-alt);color:var(--text-main);font-size:1rem;outline:none;transition:all .2s ease}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.payment-methods-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.payment-method-card{background:var(--bg-alt);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:20px 10px;cursor:pointer;transition:all .2s ease;position:relative;display:flex;flex-direction:column;align-items:center;gap:10px}.payment-method-card:hover{transform:translateY(-2px);border-color:var(--primary-light)}.payment-method-card.active{border-color:var(--primary-color);background:rgba(1,181,116,.05)}.payment-method-card.disabled{opacity:.6;cursor:not-allowed;background:var(--bg-color);border-color:var(--border-color)}.payment-method-card.disabled:hover{transform:none;border-color:var(--border-color)}.coming-soon-badge{position:absolute;top:5px;right:5px;background:var(--text-secondary);color:#fff;font-size:.65rem;padding:2px 6px;border-radius:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.method-icon{font-size:2rem}.method-label{font-size:.9rem;font-weight:600;color:var(--text-main)}.check-indicator{position:absolute;top:10px;right:10px;width:20px;height:20px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}@media(max-width:500px){.payment-methods-grid{grid-template-columns:1fr}.payment-method-card{flex-direction:row;justify-content:flex-start;padding:15px 15px 15px 20px}}.amount-input-wrapper{position:relative}.amount-symbol{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-weight:600}.form-control.with-symbol{padding-left:30px}.payment-note{margin-top:24px;padding:12px;background:var(--bg-alt);border-radius:var(--radius-sm);font-size:.85rem;color:var(--text-secondary)}@media(max-width:768px){.add-funds-card{padding:24px}}.profile-container{padding:0;min-height:100%}.profile-card{background:var(--surface-color);padding:40px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);width:100%;max-width:600px;border:1px solid var(--border-color)}.profile-header{margin-bottom:30px;text-align:center}.profile-header h2{font-size:28px;color:var(--text-main);font-weight:700}.profile-details{background:var(--bg-alt);padding:24px;border-radius:var(--radius-md);margin-bottom:30px;border:1px solid var(--border-color)}.detail-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.05)}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:600;color:var(--text-secondary)}.detail-value{font-weight:500;color:var(--text-main)}.form-divider{margin:30px 0;border:0;border-top:1px solid var(--border-color)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:var(--text-main);font-weight:500;font-size:.95rem}.update-title{font-size:20px;font-weight:600;color:var(--text-main);margin-bottom:24px}@media(max-width:768px){.profile-card{padding:24px}}.sidebar{width:260px;height:100vh;background:#0b101e;border-right:1px solid rgba(255,255,255,.05);position:fixed;top:0;left:0;display:flex;flex-direction:column;z-index:1000}.sidebar-logo{padding:32px 24px;display:flex;align-items:center}.sidebar-logo-text{font-family:var(--font-heading);font-size:1.4rem;font-weight:800;color:#fff;letter-spacing:-.02em}.sidebar-logo-text span{color:var(--brand-gold)}.sidebar-nav{flex:1;padding:10px 16px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{width:0px;background:transparent}.nav-section{font-size:.65rem;font-weight:600;color:rgba(255,255,255,.3);letter-spacing:.1em;padding:24px 12px 8px;text-transform:uppercase}.sidebar .nav-item{display:flex;align-items:center;padding:10px 12px;color:rgba(255,255,255,.6);font-weight:500;font-size:.9rem;border-radius:8px;text-decoration:none;transition:all .2s ease;position:relative;flex-direction:row}.sidebar .nav-item:hover{color:#fff;background:rgba(255,255,255,.03);transform:none}.sidebar .nav-item.active{color:#fff;background:rgba(255,255,255,.05);font-weight:600}.sidebar .nav-item.active:before{content:"";position:absolute;left:-16px;top:50%;transform:translateY(-50%);height:60%;width:3px;background:var(--brand-gold);border-radius:0 4px 4px 0;box-shadow:none}.sidebar .nav-item.active:after{display:none}.sidebar .nav-item.active .nav-icon{color:var(--brand-gold)}.sidebar .nav-icon{margin-right:14px;font-size:1rem;width:22px;display:flex;justify-content:center;align-items:center;color:rgba(255,255,255,.4);transition:color .2s ease}.sidebar .nav-item:hover .nav-icon{color:rgba(255,255,255,.8)}.sidebar-footer{padding:24px 16px;margin-top:auto}.logout-btn{width:100%;display:flex;align-items:center;padding:10px 12px;color:rgba(255,255,255,.5);background:transparent;border:none;font-weight:500;font-size:.9rem;cursor:pointer;border-radius:8px;transition:all .2s ease}.logout-btn .nav-icon{color:rgba(255,255,255,.4)}.logout-btn:hover{color:#fc8181;background:rgba(239,68,68,.05)}.logout-btn:hover .nav-icon{color:#fc8181}@media(max-width:1024px){.sidebar{display:none}}.topbar{height:80px;background:var(--surface-color);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;padding:0 40px;position:sticky;top:0;z-index:100}.topbar-title{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-main)}.topbar-right{display:flex;align-items:center;gap:24px}.topbar-balance{display:flex;align-items:baseline;gap:6px;background:rgba(240,187,50,.1);padding:8px 16px;border-radius:40px;text-decoration:none;transition:all .2s;border:1px solid rgba(240,187,50,.2)}.topbar-balance:hover{background:rgba(240,187,50,.2);transform:translateY(-1px)}.balance-amount{font-weight:700;color:var(--primary-dark);font-size:1.05rem}.balance-currency{font-weight:600;color:var(--primary-color);font-size:.8rem}.topbar-profile{display:flex;align-items:center;cursor:pointer}.profile-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary-gradient);color:var(--brand-navy);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;box-shadow:0 4px 10px rgba(240,187,50,.3)}@media(max-width:1024px){.topbar{padding:10px 20px 0;height:85px}.topbar-title{font-size:1.1rem}.topbar-right{gap:12px}.topbar-balance{padding:6px 12px}.balance-amount{font-size:.95rem}.profile-avatar{width:36px;height:36px;font-size:1rem}}.user-layout{display:flex;min-height:100vh;background:var(--bg-color)}.main-wrapper{flex:1;display:flex;flex-direction:column;margin-left:260px;min-height:100vh}.user-main-content{flex:1;padding:40px;max-width:1400px;margin:0 auto;width:100%}.mobile-only-header{display:none}@media(max-width:1024px){.main-wrapper{margin-left:0}.user-main-content{padding:24px 16px 90px}.mobile-only-header{display:block}}:root{--tg-bg: #0D1428;--tg-secondary-bg: #151F3A;--tg-text: #F8FAFC;--tg-hint: #94A3B8;--tg-accent: #F0BB32;--tg-accent-text: #0D1428;--tg-destructive: #EF4444;--tg-success: #10B981;--tg-warning: #F59E0B;--tg-card-bg: #151F3A;--tg-border: #22325A;--tg-hover: #1A2647;--tg-radius: 16px;--tg-radius-sm: 10px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.tg-layout{display:flex;flex-direction:column;height:100vh;height:100dvh;background:var(--tg-bg);color:var(--tg-text);font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.tg-main{flex:1;overflow-y:auto;padding:16px 16px 88px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tg-main::-webkit-scrollbar{display:none}.tg-bottom-nav{position:fixed;bottom:0;left:0;width:100%;height:68px;background:var(--tg-secondary-bg);border-top:1px solid var(--tg-border);display:flex;justify-content:space-around;align-items:center;padding:0 8px;padding-bottom:env(safe-area-inset-bottom);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1000}.tg-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;color:var(--tg-hint);font-size:10px;font-weight:500;padding:8px 12px;border-radius:12px;transition:all .2s ease;letter-spacing:.01em;flex:1}.tg-nav-item i{font-size:20px;line-height:1;transition:transform .2s ease}.tg-nav-item.active{color:var(--tg-accent)}.tg-nav-item.active i{transform:scale(1.1)}.tg-loader{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;height:100dvh;background:var(--tg-bg);color:var(--tg-hint);gap:16px;font-size:.9rem}.tg-loader:before{content:"";width:36px;height:36px;border:3px solid var(--tg-border);border-top-color:var(--tg-accent);border-radius:50%;animation:tg-spin .8s linear infinite}@keyframes tg-spin{to{transform:rotate(360deg)}}.tg-link-screen{display:flex;justify-content:center;align-items:center;min-height:100vh;min-height:100dvh;background:var(--tg-bg);padding:24px}.tg-card{background:var(--tg-card-bg);border-radius:var(--tg-radius);border:1px solid var(--tg-border);padding:16px;width:100%}.tg-input{width:100%;padding:13px 16px;margin-bottom:12px;border-radius:var(--tg-radius-sm);border:1.5px solid var(--tg-border);background:var(--tg-bg);color:var(--tg-text);font-size:.95rem;font-family:inherit;transition:border-color .2s ease;outline:none;resize:vertical}.tg-input:focus{border-color:var(--tg-accent)}.tg-input::placeholder{color:var(--tg-hint)}.tg-btn{width:100%;padding:14px 20px;border-radius:var(--tg-radius-sm);border:none;background:var(--tg-accent);color:var(--tg-accent-text);font-weight:600;font-size:.95rem;font-family:inherit;cursor:pointer;transition:opacity .2s ease,transform .1s ease;letter-spacing:.01em}.tg-btn:active{transform:scale(.97);opacity:.9}.tg-btn:disabled{opacity:.5;cursor:not-allowed}.tg-btn-ghost{background:transparent;border:1.5px solid var(--tg-accent);color:var(--tg-accent)}.tg-btn-danger{background:transparent;border:1.5px solid var(--tg-destructive);color:var(--tg-destructive)}.tg-btn-sm{width:auto;padding:7px 14px;font-size:.82rem;border-radius:8px}.tg-error{color:var(--tg-destructive);font-size:.88rem;margin-bottom:12px}.tg-hint{font-size:.85rem;color:var(--tg-hint);text-align:center;line-height:1.5}.tg-section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--tg-hint);margin:24px 0 10px}.tg-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.tg-badge-success{background:rgba(46,213,115,.15);color:var(--tg-success)}.tg-badge-warning{background:rgba(255,165,2,.15);color:var(--tg-warning)}.tg-badge-danger{background:rgba(255,71,87,.15);color:var(--tg-destructive)}.tg-badge-info{background:rgba(79,126,248,.15);color:var(--tg-accent)}.tg-home{display:flex;flex-direction:column;gap:16px}.tg-balance-card{position:relative;background:linear-gradient(135deg,#f0bb32,#c99a1a);border-radius:20px;padding:24px;overflow:hidden;box-shadow:0 8px 32px rgba(240,187,50,.25);color:#0d1428}.tg-balance-card:before{content:"";position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:rgba(255,255,255,.08);border-radius:50%}.tg-balance-card:after{content:"";position:absolute;bottom:-60px;right:30px;width:200px;height:200px;background:rgba(255,255,255,.04);border-radius:50%}.tg-balance-label{font-size:.82rem;font-weight:600;opacity:.7;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;position:relative;z-index:1;color:#0d1428}.tg-balance-amount{font-size:2.6rem;font-weight:800;line-height:1;position:relative;z-index:1;letter-spacing:-.02em}.tg-balance-unit{font-size:1.1rem;font-weight:600;opacity:.7;margin-left:4px}.tg-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tg-quick-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--tg-card-bg);border:1px solid var(--tg-border);border-radius:var(--tg-radius);padding:20px 12px;text-decoration:none;color:var(--tg-text);transition:background .2s ease,transform .15s ease;cursor:pointer}.tg-quick-item:active{transform:scale(.96);background:var(--tg-hover)}.tg-quick-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px}.tg-quick-item span{font-size:.85rem;font-weight:600}.tg-services-page{display:flex;flex-direction:column}.tg-page-header{margin-bottom:16px}.tg-page-title{font-size:1.5rem;font-weight:800;margin:0 0 4px}.tg-page-subtitle{font-size:.85rem;color:var(--tg-hint)}.tg-category-accordion{display:flex;flex-direction:column;gap:8px}.tg-cat-header{width:100%;padding:14px 16px;background:var(--tg-card-bg);color:var(--tg-text);border:1px solid var(--tg-border);border-radius:var(--tg-radius-sm);display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .2s ease;font-size:.95rem;font-weight:600;font-family:inherit}.tg-cat-header:active{background:var(--tg-bg)}.tg-cat-header.open{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent;background:rgba(240,187,50,.08);color:var(--tg-accent)}.tg-cat-arrow{font-size:12px;transition:transform .2s ease;color:var(--tg-hint)}.tg-cat-header.open .tg-cat-arrow{transform:rotate(180deg);color:var(--tg-accent)}.tg-cat-body{background:var(--tg-card-bg);border:1px solid var(--tg-border);border-top:none;border-radius:0 0 var(--tg-radius-sm) var(--tg-radius-sm);overflow:hidden;margin-bottom:8px}.tg-service-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;gap:8px;border-bottom:1px solid var(--tg-border);transition:background .15s ease;cursor:pointer}.tg-service-item:last-child{border-bottom:none}.tg-service-item:active{background:var(--tg-bg)}.tg-service-name{font-size:.88rem;font-weight:500;flex:1;line-height:1.4}.tg-service-price{font-size:.82rem;font-weight:700;color:var(--tg-accent);white-space:nowrap}.tg-service-order-btn{background:var(--tg-accent);color:#0d1428;border:none;border-radius:8px;padding:6px 12px;font-size:.78rem;font-weight:800;cursor:pointer;font-family:inherit;white-space:nowrap;transition:opacity .2s ease,transform .1s ease}.tg-service-order-btn:active{transform:scale(.93);opacity:.85}.tg-orders-page{display:flex;flex-direction:column;gap:10px}.tg-order-card{background:var(--tg-card-bg);border:1px solid var(--tg-border);border-radius:var(--tg-radius);padding:14px 16px;display:flex;flex-direction:column;gap:10px}.tg-order-top{display:flex;justify-content:space-between;align-items:flex-start}.tg-order-id{font-size:.75rem;color:var(--tg-hint);margin-bottom:3px}.tg-order-name{font-size:.9rem;font-weight:600;line-height:1.3}.tg-order-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid var(--tg-border)}.tg-order-meta{display:flex;gap:12px}.tg-order-meta-item{display:flex;flex-direction:column;gap:2px}.tg-order-meta-label{font-size:.7rem;color:var(--tg-hint);text-transform:uppercase;letter-spacing:.04em}.tg-order-meta-value{font-size:.88rem;font-weight:600}.tg-order-link{font-size:.78rem;color:var(--tg-hint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.tg-funds-page{display:flex;flex-direction:column}.tg-bank-tabs{display:flex;gap:8px;margin-bottom:16px;background:var(--tg-card-bg);border-radius:var(--tg-radius-sm);padding:4px;border:1px solid var(--tg-border)}.tg-bank-tab{flex:1;padding:10px;border-radius:8px;border:none;background:transparent;color:var(--tg-hint);font-weight:600;font-size:.88rem;font-family:inherit;cursor:pointer;transition:all .2s ease}.tg-bank-tab.active{background:var(--tg-accent);color:#fff}.tg-bank-detail{display:flex;flex-direction:column;gap:12px;background:var(--tg-card-bg);border:1px solid var(--tg-border);border-radius:var(--tg-radius);padding:16px;margin-bottom:16px}.tg-bank-row{display:flex;justify-content:space-between;align-items:center}.tg-bank-field-label{font-size:.75rem;color:var(--tg-hint);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.tg-bank-field-value{font-size:.95rem;font-weight:600}.tg-bank-account-number{font-size:1.3rem;font-weight:800;letter-spacing:.03em}.tg-receipt-list{display:flex;flex-direction:column;gap:8px}.tg-receipt-item{display:flex;justify-content:space-between;align-items:center;background:var(--tg-card-bg);border:1px solid var(--tg-border);border-radius:var(--tg-radius-sm);padding:12px 14px}.tg-tickets-page{display:flex;flex-direction:column}.tg-ticket-list{display:flex;flex-direction:column;gap:8px}.tg-ticket-item{display:flex;align-items:center;gap:12px;background:var(--tg-card-bg);border:1px solid var(--tg-border);border-radius:var(--tg-radius-sm);padding:12px 14px;cursor:pointer;transition:background .15s ease;text-decoration:none;color:var(--tg-text)}.tg-ticket-item:active{background:var(--tg-bg)}.tg-ticket-icon{width:40px;height:40px;border-radius:12px;background:rgba(79,126,248,.12);display:flex;align-items:center;justify-content:center;color:var(--tg-accent);font-size:16px;flex-shrink:0}.tg-ticket-info{flex:1;overflow:hidden}.tg-ticket-subject{font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}.tg-ticket-date{font-size:.75rem;color:var(--tg-hint)}.tg-chat-container{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.tg-chat-bubble{max-width:85%;padding:10px 14px;border-radius:16px;font-size:.9rem;line-height:1.5}.tg-chat-bubble.user{align-self:flex-end;background:var(--tg-accent);color:#fff;border-bottom-right-radius:4px}.tg-chat-bubble.admin{align-self:flex-start;background:var(--tg-card-bg);border:1px solid var(--tg-border);border-bottom-left-radius:4px}.tg-chat-meta{font-size:.7rem;opacity:.6;margin-top:4px}.tg-link-card{background:var(--tg-card-bg);border:1px solid var(--tg-border);border-radius:24px;padding:32px 24px;width:100%;max-width:380px;display:flex;flex-direction:column;gap:4px}.tg-link-logo{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,#f0bb32,#c99a1a);display:flex;align-items:center;justify-content:center;font-size:28px;color:#0d1428;margin-bottom:8px}.tg-link-card h2{font-size:1.4rem;font-weight:800;margin:0 0 4px}.tg-link-card p{font-size:.875rem;color:var(--tg-hint);margin:0 0 20px;line-height:1.5}.tg-back-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;color:var(--tg-accent);font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;padding:0;margin-bottom:16px}.tg-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;text-align:center}.tg-empty-icon{font-size:3rem;opacity:.3}.tg-empty-title{font-size:1rem;font-weight:700;color:var(--tg-text)}.tg-empty-subtitle{font-size:.85rem;color:var(--tg-hint);line-height:1.5}@keyframes tg-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes tg-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.tg-home,.tg-services-page,.tg-orders-page,.tg-funds-page,.tg-tickets-page{animation:tg-fade-in .3s ease}#root{min-height:100vh;position:relative}@media(max-width:768px){body{padding-bottom:80px}}