*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;background:#0b0f14;overflow-x:hidden}.login-page{min-height:100vh;display:flex;justify-content:center;align-items:center;background:radial-gradient(1200px 600px at 10% 10%,rgba(40,80,120,.15),transparent),radial-gradient(800px 400px at 90% 90%,rgba(30,120,90,.12),transparent),#0b0f14;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.login-card{background:#12161ed9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:32px 28px;border-radius:16px;width:100%;max-width:360px;border:1px solid rgba(255,255,255,.06);box-shadow:0 30px 60px #0009,inset 0 0 0 1px #ffffff05;text-align:center;animation:fadeUp .6s ease-out}.title{font-size:26px;font-weight:600;color:#e8edf3;margin-bottom:4px}.subtitle{font-size:13px;color:#9aa4b2;margin-bottom:22px}input{width:100%;padding:11px 12px;margin-bottom:14px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#e8edf3;font-size:14px;outline:none;transition:border .2s ease,background .2s ease,box-shadow .2s ease}input::placeholder{color:#7f8a99}input:focus{background:#ffffff0f;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.btn{width:100%;padding:11px;border-radius:10px;border:none;cursor:pointer;font-size:14px;font-weight:500;margin-top:10px;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.btn.telegram{background:linear-gradient(135deg,#229ed9,#1e8cc4);color:#fff;box-shadow:0 8px 22px #229ed959}.btn.telegram:hover{box-shadow:0 12px 28px #229ed973}.btn.link{background:none;color:#9aa4b2;font-size:13px;margin-top:14px;text-decoration:none}.btn.link:hover{color:#e8edf3;text-decoration:underline}.error{background:#dc262626;color:#fca5a5;padding:9px;border-radius:8px;margin-bottom:14px;font-size:13px;border:1px solid rgba(220,38,38,.25)}.modal-backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.modal{background:#12161ef2;border-radius:14px;width:300px;padding:22px;border:1px solid rgba(255,255,255,.06);box-shadow:0 25px 50px #000000b3}.modal h2{color:#e8edf3;font-size:18px;margin-bottom:12px}.modal-actions{display:flex;gap:10px;margin-top:12px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-backdrop{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#12161ef2;color:#e8edf3;padding:20px;border-radius:14px;width:100%;max-width:320px;box-shadow:0 25px 50px #0009;animation:modalFade .25s ease-out}.modal h3{margin:0 0 14px;text-align:center}.modal input{width:100%;padding:10px;margin-bottom:10px;border-radius:8px;border:none;background:#1f2937;color:#e8edf3;font-size:14px}.modal input::placeholder{color:#9aa4b2}.modal-actions{display:flex;gap:10px}.modal-actions .btn{flex:1}.error{background:#dc262626;color:#fca5a5;padding:6px;border-radius:6px;font-size:13px;margin-bottom:8px;text-align:center}@keyframes modalFade{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.dashboard-page{min-height:100vh;display:flex;justify-content:center;align-items:stretch}.dashboard-card{background:#12161ee6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);width:100%;max-width:380px;height:100vh;display:flex;flex-direction:column;border-radius:18px;color:#e8edf3}.dashboard-title{text-align:center;font-size:26px;font-weight:600;margin-bottom:24px}.dashboard-balance-block{text-align:center;margin-bottom:24px}.dashboard-label{font-size:13px;color:#9aa4b2;margin-bottom:4px}.dashboard-balance{font-size:30px;font-weight:600}.dashboard-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.btn{padding:12px;border-radius:10px;border:none;cursor:pointer;font-size:14px;font-weight:500;transition:transform .15s ease,box-shadow .15s ease}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;box-shadow:0 10px 25px #2563eb59}.btn.primary:hover{box-shadow:0 14px 32px #2563eb73}.btn.secondary{background:#1f2937;color:#e8edf3}.btn.secondary:hover{background:#273449}.btn.logout{background:#7f1d1d;color:#fff}.btn.logout:hover{background:#991b1b}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.tabs{display:flex;gap:8px;margin-bottom:20px}.tabs button{flex:1;padding:8px;background:#1f2937;color:#e8edf3;border-radius:8px;border:none;cursor:pointer}.tabs button.active{background:#2563eb}.history-list{background:#ffffff08;padding:12px;border-radius:10px;margin-top:8px;font-size:14px}.history-list.empty{color:#9aa4b2;text-align:center}.tabs-wrapper{position:sticky;top:0;z-index:20;background:#12161ef2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding-top:4px;padding-bottom:8px;margin-bottom:16px}.tabs{display:flex;gap:8px}.tabs button{flex:1;padding:10px}.dashboard-header{position:sticky;top:0;z-index:30;background:#12161ef2;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:20px 20px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.dashboard-tabs{display:flex;gap:8px;margin-top:12px}.dashboard-tabs button{flex:1;padding:10px;border-radius:10px;background:#1f2937;border:none;color:#e8edf3}.dashboard-tabs button.active{background:#2563eb}.history-item{background:#ffffff08;padding:12px;border-radius:10px;margin-bottom:8px}.history-meta{font-size:13px;color:#9aa4b2}.dashboard-footer{position:sticky;bottom:0;z-index:25;background:#12161ef2;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:12px 20px 20px;border-top:1px solid rgba(255,255,255,.06)}.dashboard-scroll{flex:1;overflow-y:auto;padding:20px}.dashboard-footer{position:sticky;bottom:0;padding:12px 20px 20px;background:#12161ef2;border-top:1px solid rgba(255,255,255,.06)}.dashboard-footer .btn.logout{width:100%}.dashboard-page{height:100vh;overflow:hidden;overscroll-behavior:none;touch-action:manipulation}.dashboard-card,.dashboard-scroll{overflow:hidden}.dashboard-page{touch-action:manipulation;overscroll-behavior:none}.admin-page{display:flex;min-height:100vh;background:#0b0f14;color:#e8edf3;font-family:system-ui}.admin-sidebar{width:220px;background:#111827;padding:20px;display:flex;flex-direction:column;gap:10px;position:fixed;left:0;top:0;bottom:0}.admin-sidebar h2{margin-bottom:10px}.admin-sidebar button{background:#1f2937;border:none;padding:10px;color:#e8edf3;border-radius:8px;cursor:pointer}.admin-sidebar button:hover{background:#374151}.admin-sidebar .logout{margin-top:auto;background:#7f1d1d}.admin-content{margin-left:220px;padding:24px;width:100%}.admin-content h1{margin-bottom:12px}.admin-content input{padding:10px;margin-bottom:12px;border-radius:8px;border:none;width:260px}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #374151}th{text-align:left;color:#9aa4b2}.empty{opacity:.6;margin-top:40px}@media(max-width:768px){.admin-sidebar{display:none}.admin-content{margin-left:0;padding:16px 16px 80px}.admin-content input{width:100%}table{display:block;overflow-x:auto;white-space:nowrap}.admin-mobile-tabs{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;background:#111827;border-top:1px solid #1f2937;padding:10px 0;z-index:999}.admin-mobile-tabs button{background:none;border:none;color:#e8edf3;font-size:20px;cursor:pointer}.admin-mobile-tabs button:hover{color:#60a5fa}}@media(min-width:769px){.admin-mobile-tabs{display:none}}.admin-sidebar button.active,.admin-mobile-tabs button.active{background:#2563eb;color:#fff}.admin-mobile-tabs{position:fixed;bottom:0;left:0;right:0;height:60px;display:none;justify-content:space-around;align-items:center;background:#111827;border-top:1px solid #1f2937;z-index:9999}@media(max-width:768px){.admin-mobile-tabs{display:flex}.admin-content{padding-bottom:90px}.admin-sidebar{display:none}}.admin-mobile-tabs button{background:none;border:none;font-size:22px;color:#e8edf3}.admin-mobile-tabs button.active{color:#60a5fa}.users-search{display:flex;gap:8px;margin-bottom:12px}.users-search input{flex:1}.users-search button{background:#374151;border:none;border-radius:6px;color:#fff;padding:0 12px}.services-list{display:flex;flex-direction:column;gap:16px;max-width:420px}.service-card{background:#111827;border:1px solid #1f2937;border-radius:12px;padding:14px}.service-name{font-size:15px;color:#9aa4b2;margin-bottom:6px}.service-value{font-size:26px;font-weight:700;color:#e8edf3;margin-bottom:10px}.service-edit{background:#1f2937;border:none;border-radius:8px;padding:8px 12px;color:#e8edf3;cursor:pointer}.service-edit:hover{background:#2563eb}@media(max-width:768px){.services-list{width:100%}.service-card{padding:16px}.service-value{font-size:28px}}.journal-tabs{display:flex;gap:8px;margin-bottom:12px;position:sticky;top:0;background:#0b0f14;padding:8px 0;z-index:10}.journal-tabs button{flex:1;padding:8px;border-radius:8px;border:none;background:#1f2937;color:#e8edf3}.journal-tabs button.active{background:#2563eb}@media(max-width:768px){.journal-tabs{top:0}}