.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.nav-link{border-radius:8px;font-size:1.1rem;font-weight:500;padding:12px 20px;transition:all .3s}.nav-link:hover{background-color:#f0f0f0}@media (max-width:768px){.sidebar{height:100vh;position:absolute;z-index:1000}}.navbar .btn{background:#ffffffa6;border-radius:10px;font-size:1rem;padding:6px 18px}.dropdown-toggle img{height:45px;object-fit:cover;width:45px}.dropdown-menu{border-radius:10px}.btn-primary{background-color:var(--bs-primary);border:none}.btn-outline-dark{border:1px solid var(--bs-dark);color:var(--bs-dark)}.btn-outline-dark:hover{background-color:var(--bs-dark);color:#fff}.alert-warning{background-color:#fff3cd;border-color:#ffeeba;color:#856404}.card{background:#ffffff73;border:1px solid #fff3;border-radius:18px;margin-bottom:1rem;padding:1.5rem}.page-title{color:#fff}.page-header{background:linear-gradient(135deg,#34d399,#6ee7b7);border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 25px #34d3991f;overflow:hidden;padding:1.5rem 2rem;position:relative}.page-header:before{background:linear-gradient(135deg,#ffffff26,#ffffff14);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.page-header .header-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #fff6;border-radius:12px;display:flex;justify-content:center;padding:.75rem;position:relative;z-index:1}.page-header .header-icon svg{color:#fff!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.page-header h2{color:#fff!important;position:relative;text-shadow:0 2px 4px #00000026;z-index:1}.page-header p.text-muted,.page-subtitle,.telegram-info .text-muted,.traffic-progress .text-muted,.traffic-total-card .text-muted,.user-settings-container .page-header p{color:#fffffff2!important;position:relative;text-shadow:0 1px 2px #00000026;z-index:1}.text-primary{color:var(--text-primary)!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f7fef8,#ecfdf5);font-family:Noto Sans JP,Poppins,sans-serif;margin:0}img{height:auto;max-width:100%}.img-fluid{height:auto!important;max-width:100%!important;width:auto}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bs-primary:#007bff;--bs-secondary:#6c757d;--bs-success:#28a745;--bs-danger:#dc3545;--bs-warning:#ffc107;--bs-info:#17a2b8;--bs-light:#f8f9fa;--bs-dark:#343a40;--bs-navbar-bg:#fff;--bs-sidebar-bg:#f8f9fa}.sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff59;border:1px solid #fff3;border-radius:0 25px 25px 0;padding:1rem;width:240px}.loading-container-fullscreen{background:linear-gradient(135deg,#f7fef8,#ecfdf5);height:100vh;left:0;position:fixed;top:0;width:100%;z-index:9999}.loading-container-fullscreen,.loading-container-inline{align-items:center;display:flex;flex-direction:column;justify-content:center}.loading-container-inline{padding:3rem 1rem}.loading-brand-container{align-items:center;display:flex;flex-direction:column;gap:2rem}.loading-logo-wrapper{align-items:center;display:flex;height:120px;justify-content:center;position:relative;width:120px}.loading-logo{animation:logoPulse 2s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(5,189,149,.3));height:80px;object-fit:contain;position:relative;width:80px;z-index:2}.loading-logo-ring{animation:spinRing 1.5s linear infinite;border-color:#05bd95 #05bd95 #0000 #0000;border-radius:50%;border-style:solid;border-width:3px;bottom:0;left:0;position:absolute;right:0;top:0}.loading-logo-ring-2{animation:spinRing 2s linear infinite reverse;border-right-color:#05bd954d;border-top-color:#05bd954d}@keyframes logoPulse{0%,to{filter:drop-shadow(0 4px 12px rgba(5,189,149,.3));transform:scale(1)}50%{filter:drop-shadow(0 6px 20px rgba(5,189,149,.5));transform:scale(1.05)}}@keyframes spinRing{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-dots{align-items:center;display:flex;gap:.5rem;justify-content:center}.loading-dot{animation:dotBounce 1.4s ease-in-out infinite;background:linear-gradient(135deg,#05bd95,#0891b2);border-radius:50%;box-shadow:0 2px 8px #05bd954d;height:12px;width:12px}.loading-dot:first-child{animation-delay:0s}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,80%,to{opacity:.6;transform:scale(.8) translateY(0)}40%{opacity:1;transform:scale(1.2) translateY(-10px)}}.loading-message-branded{animation:fadeInOut 2s ease-in-out infinite;color:#0f766e;font-size:1.1rem;font-weight:500;letter-spacing:.5px;margin:0;text-align:center}.loading-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.loading-spinner-modern{align-items:center;display:flex;justify-content:center;position:relative}.loading-spinner-modern.loading-spinner-small{height:40px;width:40px}.loading-spinner-modern.loading-spinner-medium{height:60px;width:60px}.loading-spinner-modern.loading-spinner-large{height:80px;width:80px}.spinner-blade{animation:fadeBlades 1.2s linear infinite;background:linear-gradient(135deg,#05bd95,#0891b2);border-radius:50px;height:25%;opacity:0;position:absolute;width:8%}.spinner-blade:first-child{animation-delay:0s;transform:rotate(0deg) translateY(-150%)}.spinner-blade:nth-child(2){animation-delay:.15s;transform:rotate(45deg) translateY(-150%)}.spinner-blade:nth-child(3){animation-delay:.3s;transform:rotate(90deg) translateY(-150%)}.spinner-blade:nth-child(4){animation-delay:.45s;transform:rotate(135deg) translateY(-150%)}.spinner-blade:nth-child(5){animation-delay:.6s;transform:rotate(180deg) translateY(-150%)}.spinner-blade:nth-child(6){animation-delay:.75s;transform:rotate(225deg) translateY(-150%)}.spinner-blade:nth-child(7){animation-delay:.9s;transform:rotate(270deg) translateY(-150%)}.spinner-blade:nth-child(8){animation-delay:1.05s;transform:rotate(315deg) translateY(-150%)}@keyframes fadeBlades{0%,50%,to{opacity:.2}25%{opacity:1}}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #05bd951a;border-radius:50%;border-top-color:#05bd95}.loading-spinner.loading-spinner-small{border-width:3px;height:30px;width:30px}.loading-spinner.loading-spinner-medium{border-width:4px;height:50px;width:50px}.loading-spinner.loading-spinner-large{border-width:5px;height:70px;width:70px}@keyframes spin{to{transform:rotate(1turn)}}.loading-message{animation:fadeInOut 2s ease-in-out infinite;color:#0f766e;font-size:1rem;font-weight:500;margin:0;text-align:center}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:1}}@media (max-width:768px){.loading-logo-wrapper{height:100px;width:100px}.loading-logo{height:65px;width:65px}.loading-message-branded{font-size:1rem}.loading-dot{height:10px;width:10px}}@media (prefers-color-scheme:dark){.loading-container-fullscreen{background:linear-gradient(135deg,#0f172a,#1e293b)}.loading-message,.loading-message-branded{color:#10b981}.loading-logo{filter:drop-shadow(0 4px 12px rgba(16,185,129,.4))}}