header{background-color:#d4493e;position:relative;width:100%;z-index:2}nav{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1100px;margin:0 auto}nav .title{font-size:1.5rem;font-weight:700;text-decoration:none;color:#fff;margin-left:.5rem}nav .logo{margin-right:.3rem}nav ul{display:flex}nav ul li{list-style:none}nav ul li a{display:block;text-decoration:none;color:#ffffffe6;padding:.5rem;margin:0 .5rem;border-radius:.5rem;transition:background-color .3s ease,opacity .3s ease,color .3s ease}nav ul li a:not(.active):hover{color:#fff}nav .menu{display:none;position:absolute;top:1.2rem;right:1.5rem;flex-direction:column;justify-content:space-between;width:2rem;height:1.5rem}nav .menu span{height:.3rem;width:100%;background-color:#fff;border-radius:1rem;opacity:.8}nav ul li a.active{color:#fff;text-decoration:underline}nav ul li a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0)}@media (max-width: 768px){header{height:auto}nav .title{margin:1rem}nav .menu{display:flex}nav .menu.open span{opacity:1}nav{flex-direction:column;align-items:start;width:100%}nav ul:not(.connect-block){display:none;flex-direction:column;width:100%;margin:0 0 .5rem -2.5rem}nav ul.connect-block{position:absolute;margin:.35rem 0 0 6.5rem}nav ul.open{display:flex}nav ul li{width:100%;text-align:center}nav ul li a{margin:.2rem .9rem}nav ul li a.active{background-color:#fff0}nav ul li span{margin:.5em 0 0 1.3em}nav ul li .disconnect-button{margin:.2rem 0 0 1.3rem}}footer{position:relative;background-color:#d4493e;font-size:.8rem;color:#fff}footer .copyright{color:#ddd;text-align:center}footer .credits{font-size:.8em}footer .os li{padding:0 .2em}footer .os li img{width:32px}footer ul{display:flex;justify-content:center;margin-left:-3rem}footer ul li{list-style:none}footer ul li a{display:block;text-decoration:none;color:#fff;margin:0 .5rem}footer ul li a:hover{text-decoration:underline}footer ul li .sep{cursor:auto;margin:0}@media (max-width: 768px){footer .copyright{max-width:320px;margin:0 auto;padding-bottom:1em}}.root{display:flex;flex-direction:column;min-height:100vh}.main{flex:1}.logo{width:30px;height:30px;margin:-5px 0 0;vertical-align:middle}.inputs-container{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:1100px;margin:1em auto;padding:0 1em}.inputs-container input{width:300px;padding:15px;margin:10px 0 20px;font-size:16px;color:#d4493e;border:1px solid rgba(212,73,62,1);background-color:#d4493e33;border-radius:10px;outline:none;transition:background-color .3s ease}input:focus{background-color:#d4493e4d}input::placeholder{color:#d4493e80}.inputs-container button{display:flex;align-items:center;justify-content:center;max-width:350px;width:100%;padding:15px;font-size:16px;margin-bottom:10px;background-color:#d4493ecc;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s ease,opacity .3s ease}.inputs-container button:hover{background-color:#d4493e}.inputs-container button:disabled{background-color:#d4493e4d;cursor:not-allowed}.inputs-container h1{color:#d4493e;text-align:center}.inputs-container p{color:#000;text-align:center}@media (max-width: 768px){.inputs-container{max-width:320px}.inputs-container p{text-align:justify}}.grid{display:grid;grid-column-gap:1em;grid-row-gap:1em;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:2em 0;width:100%}.item{display:flex;align-items:center;justify-content:center;position:relative;max-width:220px;border:1px solid #cecece;border-radius:4px;text-align:center;padding:1em;color:#000;margin:0 auto;width:100%}@media (max-width: 768px){.item{max-width:290px}}.item-underline{width:200px;height:1px;border-bottom:1px solid #cecece;margin:0 auto}.item-title{font-size:1.2em;padding:20px 0}.item-price{padding:15px 0 0;color:#d4493e;font-size:1.2em}.item-subprice{font-size:12px}.item-discount,.item-content{margin:15px 0;font-size:.8em}ul.item-dignity{font-size:.7em;text-align:left;margin-left:-15px;list-style-image:url(/images/galka10.png)}ul.item-dignity li{padding-bottom:5px}.loading{width:2em}.result-success{color:#3cb371!important;font-size:1em;margin-top:.42em}.result-failed{color:#d4493e!important;font-size:1em;margin-top:.42em}.vless{background-color:#faebd7;padding:1em;border-radius:6px;cursor:pointer;word-break:break-word;position:relative;z-index:2}@media (max-width: 768px){.vless{max-width:300px;width:100%}}.instr{display:block;font-size:.8em;text-align:left}.instr h3{text-align:center}.instr ol{margin-left:-15px}.mail-status{color:#3cb371;font-size:1.2em}.copy{text-decoration:underline;cursor:pointer}.table-container{overflow-x:auto;min-width:290px;width:100%}.responsive-table{width:100%;min-width:290px;border-collapse:collapse}.responsive-table th,.responsive-table td{padding:8px 12px;border:1px solid #ccc;text-align:left;word-break:break-word}@media (max-width: 768px){.responsive-table{font-size:.8em}}.admin-container{padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.login-container{display:flex;justify-content:center;align-items:center}.login-card{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;padding:40px;width:100%;max-width:400px;position:relative}.admin-title{text-align:center;color:#2c3e50;margin-bottom:30px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px}.icon-user,.icon-lock{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#7f8c8d}.error-message{background:#ffecec;color:#e74c3c;padding:10px;border-radius:6px;text-align:center;font-size:14px}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;justify-content:center;align-items:center;border-radius:12px;z-index:10}.loading{width:50px;height:50px}.dashboard-container{max-width:1200px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.dashboard-title{color:#2c3e50;display:flex;align-items:center;gap:10px}.logout-btn{background:#e74c3c;color:#fff;border:none;border-radius:6px;padding:8px 15px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .3s}.logout-btn:hover{background:#c0392b}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 4px 15px #0000000d;display:flex;align-items:center;gap:15px}.stat-card.total{border-left:4px solid #3498db}.stat-card.active{border-left:4px solid #2ecc71}.stat-card.expired{border-left:4px solid #e74c3c}.stat-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px}.stat-card.total .stat-icon{background:#3498db1a;color:#3498db}.stat-card.active .stat-icon{background:#2ecc711a;color:#2ecc71}.stat-card.expired .stat-icon{background:#e74c3c1a;color:#e74c3c}.stat-info h3{margin:0;font-size:14px;color:#7f8c8d;font-weight:500}.stat-number{font-size:24px;font-weight:700;color:#2c3e50}.table-section{background:#fff;border-radius:10px;padding:20px;box-shadow:0 4px 15px #0000000d}.table-title{color:#2c3e50;margin-top:0;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #ecf0f1}.table-container{overflow-x:auto}.vpn-table{width:100%;border-collapse:collapse}.vpn-table th{background:#f8f9fa;padding:12px 15px;text-align:left;font-weight:600;color:#2c3e50;border-bottom:2px solid #ecf0f1}.vpn-table td{padding:12px 15px;border-bottom:1px solid #ecf0f1}.vpn-table tr:hover{background:#f8f9fa}.vpn-table tr.active-row{border-left:3px solid #2ecc71}.vpn-table tr.expired-row{border-left:3px solid #e74c3c}.vpn-link{color:#3498db;text-decoration:none;font-weight:500}.vpn-link:hover{text-decoration:underline}.email-link{color:#7f8c8d;text-decoration:none}.email-link:hover{color:#3498db}.status-badge{padding:5px 10px;border-radius:20px;font-size:12px;font-weight:600}.status-badge.active{background:#2ecc711a;color:#27ae60}.status-badge.expired{background:#e74c3c1a;color:#c0392b}.expired{color:#e74c3c;font-weight:500}@media (max-width: 768px){.admin-container{padding:10px}.login-card{padding:25px}.stats-cards{grid-template-columns:1fr}.dashboard-header{flex-direction:column;align-items:flex-start;gap:15px}.vpn-table{font-size:14px}.vpn-table th,.vpn-table td{padding:8px 10px}}html,body{background-color:#f5f5f5;height:100%;margin:0;padding:0;font-family:sans-serif}