.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#2b2a29,#252423,#1a1a1a)}.container{width:100%;max-width:480px;background:#252423f2;border-radius:24px;padding:40px 24px;box-shadow:0 20px 60px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,130,1,.1);position:relative}.language-switcher{position:absolute;top:16px;right:16px;display:flex;gap:8px}.lang-btn{padding:6px 12px;border:1px solid rgba(255,130,1,.3);background:#ffffff0d;color:#fff;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;transition:all .3s ease}.lang-btn:hover{background:#ff820133;border-color:#ff8201}.lang-btn.active{background:#ff8201;border-color:#ff8201;color:#fff}.profile-section{text-align:center;margin-bottom:32px}.logo-container{margin-bottom:24px;display:flex;justify-content:center;align-items:center}.logo-circle{width:140px;height:140px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #fff3;padding:20px}.logo{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.profile-name{font-size:32px;font-weight:700;color:#fff;margin:0 0 8px;letter-spacing:1px}.profile-bio{font-size:18px;color:#ff8201;margin:0;font-weight:600;letter-spacing:.5px}.links-section{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.link-button{display:flex;align-items:center;padding:16px 20px;background:#ffffff0d;border:2px solid rgba(255,130,1,.2);border-radius:16px;text-decoration:none;color:#fff;font-size:16px;font-weight:500;transition:all .3s ease;cursor:pointer;box-shadow:0 2px 8px #0003}.link-button:hover{transform:translateY(-2px);box-shadow:0 4px 16px #ff82014d;border-color:#ff8201;background:#ff82011a}.link-button.social:hover,.link-button.contact:hover,.link-button.website:hover{background:linear-gradient(135deg,#ff820133,#ff82011a);border-color:#ff8201}.link-icon{font-size:24px;margin-right:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.link-icon-img{width:24px;height:24px;object-fit:contain;display:block;flex-shrink:0}.link-button.social:first-of-type .link-icon-img{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.link-button.social:nth-of-type(2) .link-icon-img{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.link-title{flex:1;text-align:left;color:#fff}.link-arrow{margin-left:auto;font-size:20px;opacity:.5;transition:opacity .3s ease;color:#ff8201}.link-button:hover .link-arrow{opacity:1;color:#ff8201}.footer{text-align:center;padding-top:24px;border-top:1px solid rgba(255,130,1,.2)}.footer p{margin:4px 0;color:#999;font-size:12px}.footer-subtitle{font-size:11px!important;color:#666!important;font-style:italic}.loading{text-align:center;color:#fff;padding:40px}@media (max-width: 480px){.container{padding:32px 20px;border-radius:20px}.profile-name{font-size:28px}.logo-circle{width:120px;height:120px;padding:16px}.link-button{padding:14px 16px;font-size:15px}.language-switcher{top:12px;right:12px}.lang-btn{padding:5px 10px;font-size:11px}}.admin-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#2b2a29,#252423,#1a1a1a)}.admin-login-card{width:100%;max-width:400px;background:#252423f2;border-radius:24px;padding:40px;box-shadow:0 20px 60px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,130,1,.1)}.login-header{text-align:center;margin-bottom:32px}.login-title{font-size:32px;font-weight:700;color:#fff;margin:0 0 8px}.login-subtitle{font-size:14px;color:#999;margin:0}.login-form{margin-bottom:24px}.login-btn{width:100%;padding:16px;background:#ff8201;border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px}.login-btn:hover:not(:disabled){background:#ff9500;transform:translateY(-2px);box-shadow:0 4px 16px #ff820166}.login-btn:disabled{opacity:.6;cursor:not-allowed}.error-message{padding:12px;background:#ff00001a;border:1px solid rgba(255,0,0,.3);border-radius:8px;color:#ff6b6b;margin-bottom:16px;font-size:14px;text-align:center}.login-footer{text-align:center;padding-top:24px;border-top:1px solid rgba(255,130,1,.2)}.back-link{color:#ff8201;text-decoration:none;font-weight:600;font-size:14px;transition:all .3s ease}@media (max-width: 480px){.admin-login-card{padding:24px}.login-title{font-size:24px}}.admin-dashboard{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#2b2a29,#252423,#1a1a1a)}.admin-container{width:100%;max-width:1000px}.admin-header{text-align:center;margin-bottom:48px;position:relative}.admin-title{font-size:42px;font-weight:700;color:#fff;margin:0 0 12px}.admin-subtitle{font-size:18px;color:#999;margin:0}.logout-btn{position:absolute;top:0;right:0;padding:8px 16px;background:#ff00001a;border:1px solid rgba(255,0,0,.3);border-radius:8px;color:#ff6b6b;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.logout-btn:hover{background:#f003;border-color:#ff6b6b;transform:translateY(-2px)}.admin-menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px}.admin-card{position:relative;padding:32px;background:#252423f2;border-radius:20px;border:2px solid rgba(255,130,1,.2);text-decoration:none;color:inherit;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 16px #0000004d}.admin-card:hover:not(.disabled){transform:translateY(-4px);border-color:#ff8201;box-shadow:0 8px 24px #ff82014d;background:#ff82010d}.admin-card.disabled{opacity:.5;cursor:not-allowed}.card-icon{font-size:48px;margin-bottom:16px;display:block}.card-title{font-size:24px;font-weight:700;color:#fff;margin:0 0 12px}.card-description{font-size:14px;color:#999;margin:0 0 16px;line-height:1.6}.card-arrow{position:absolute;top:32px;right:32px;font-size:24px;color:#ff8201;opacity:.5;transition:all .3s ease}.admin-card:hover:not(.disabled) .card-arrow{opacity:1;transform:translate(4px)}.admin-footer{text-align:center;padding-top:32px;border-top:1px solid rgba(255,130,1,.2)}.back-home-link{color:#ff8201;text-decoration:none;font-weight:600;font-size:16px;transition:all .3s ease}.back-home-link:hover{color:#ff9500}@media (max-width: 768px){.admin-title{font-size:32px}.admin-menu{grid-template-columns:1fr}.admin-card{padding:24px}}.qr-generator-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#2b2a29,#252423,#1a1a1a)}.qr-generator-card{width:100%;max-width:600px;background:#252423f2;border-radius:24px;padding:40px;box-shadow:0 20px 60px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,130,1,.1)}.qr-generator-title{font-size:32px;font-weight:700;color:#fff;margin:0 0 8px;text-align:center}.qr-generator-subtitle{font-size:14px;color:#999;text-align:center;margin:0 0 32px}.qr-generator-form{margin-bottom:32px}.form-group{margin-bottom:20px}.form-group label{display:block;color:#fff;font-size:14px;font-weight:600;margin-bottom:8px}.form-input{width:100%;padding:12px 16px;background:#ffffff0d;border:2px solid rgba(255,130,1,.2);border-radius:12px;color:#fff;font-size:16px;transition:all .3s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:#ff8201;background:#ff82011a}.form-input::placeholder{color:#666}.generate-btn{width:100%;padding:16px;background:#ff8201;border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px}.generate-btn:hover:not(:disabled){background:#ff9500;transform:translateY(-2px);box-shadow:0 4px 16px #ff820166}.generate-btn:disabled{opacity:.6;cursor:not-allowed}.qr-result{margin-top:32px;padding-top:32px;border-top:1px solid rgba(255,130,1,.2)}.qr-result-title{font-size:24px;font-weight:700;color:#ff8201;text-align:center;margin:0 0 24px}.qr-image-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:24px;padding:30px;background:#ffffff0d;border-radius:16px;min-height:500px;width:100%;box-sizing:border-box}.qr-image{max-width:100%!important;width:400px!important;height:auto!important;min-height:400px!important;min-width:400px!important;border-radius:12px;display:block!important;background:#fff!important;padding:15px;box-shadow:0 8px 24px #0006;object-fit:contain!important;border:2px solid rgba(255,130,1,.2);visibility:visible!important;opacity:1!important;z-index:10;position:relative}.qr-info{margin-bottom:24px}.info-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,130,1,.1)}.info-item:last-child{border-bottom:none}.info-label{color:#999;font-size:14px}.info-value{color:#fff;font-size:14px;font-weight:600}.qr-actions{display:flex;flex-direction:column;gap:12px}.action-btn{padding:12px 20px;border-radius:12px;font-size:16px;font-weight:600;text-align:center;text-decoration:none;cursor:pointer;transition:all .3s ease;border:none}.action-btn.primary{background:#ff8201;color:#fff}.action-btn.primary:hover{background:#ff9500;transform:translateY(-2px);box-shadow:0 4px 16px #ff820166}.action-btn.secondary{background:#ffffff0d;color:#fff;border:2px solid rgba(255,130,1,.3)}.action-btn.secondary:hover{background:#ff82011a;border-color:#ff8201}.action-btn.stats{background:#ff82011a;color:#ff8201;border:2px solid rgba(255,130,1,.3)}.action-btn.stats:hover{background:#ff820133;border-color:#ff8201}@media (max-width: 600px){.qr-generator-card{padding:24px}.qr-generator-title{font-size:24px}.qr-actions{flex-direction:column}}.stats-container{min-height:100vh;padding:20px;background:linear-gradient(135deg,#2b2a29,#252423,#1a1a1a)}.stats-card{max-width:1200px;margin:0 auto;background:#252423f2;border-radius:24px;padding:40px;box-shadow:0 20px 60px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,130,1,.1)}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid rgba(255,130,1,.2)}.stats-title{font-size:32px;font-weight:700;color:#fff;margin:0}.back-link{color:#ff8201;text-decoration:none;font-weight:600;transition:all .3s ease}.back-link:hover{color:#ff9500}.qr-info-section,.stats-summary,.device-stats-section,.country-stats-section,.detailed-stats-section{margin-bottom:40px}.qr-info-section h2,.stats-summary h2,.device-stats-section h2,.country-stats-section h2,.detailed-stats-section h2{font-size:24px;font-weight:700;color:#ff8201;margin:0 0 20px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.info-box{padding:16px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,130,1,.2)}.info-box .info-label{display:block;color:#999;font-size:12px;margin-bottom:4px}.info-box .info-value{display:block;color:#fff;font-size:16px;font-weight:600}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-card{padding:24px;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,130,1,.2);text-align:center;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #ff820133;border-color:#ff8201}.stat-value-small{font-size:14px;font-weight:600;color:#ff8201;margin-bottom:8px}.stat-label{font-size:14px;color:#999}.device-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.device-stat-item{padding:16px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,130,1,.2);display:flex;justify-content:space-between;align-items:center}.device-name{color:#fff;font-weight:600;text-transform:capitalize}.device-count{color:#ff8201;font-weight:700;font-size:20px}.country-stats-list{display:flex;flex-direction:column;gap:12px}.country-stat-item{padding:16px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,130,1,.2);display:flex;justify-content:space-between;align-items:center}.country-info{display:flex;flex-direction:column;gap:4px}.country-name{color:#fff;font-weight:600;font-size:16px}.country-visitors{color:#999;font-size:12px}.country-count{color:#ff8201;font-weight:700;font-size:20px}.stats-table-container{overflow-x:auto}.stats-table{width:100%;border-collapse:collapse;background:#ffffff0d;border-radius:12px;overflow:hidden}.stats-table th{padding:16px;text-align:left;color:#ff8201;font-weight:600;font-size:14px;border-bottom:2px solid rgba(255,130,1,.2)}.stats-table td{padding:12px 16px;color:#fff;font-size:14px;border-bottom:1px solid rgba(255,130,1,.1)}.loading,.error-message,.no-data{text-align:center;padding:40px;color:#fff}.error-message{color:#ff6b6b;background:#ff00001a;border:1px solid rgba(255,0,0,.3);border-radius:12px}.no-data{color:#999}@media (max-width: 768px){.stats-card{padding:24px}.stats-title{font-size:24px}.stats-header{flex-direction:column;align-items:flex-start;gap:16px}.summary-grid{grid-template-columns:repeat(2,1fr)}.stats-table{font-size:12px}.stats-table th,.stats-table td{padding:8px}}.qr-management-container{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:20px;background:linear-gradient(135deg,#2b2a29,#252423,#1a1a1a)}.qr-management-card{width:100%;max-width:1400px;background:#252423f2;border-radius:24px;padding:40px;box-shadow:0 20px 60px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,130,1,.1)}.qr-management-title{font-size:32px;font-weight:700;color:#fff;margin:0 0 8px;text-align:center}.qr-management-subtitle{font-size:14px;color:#999;text-align:center;margin:0 0 32px}.qr-filters{display:flex;gap:20px;margin-bottom:24px;flex-wrap:wrap}.filter-group{flex:1;min-width:200px}.filter-group label{display:block;color:#fff;font-size:14px;font-weight:600;margin-bottom:8px}.filter-input{width:100%;padding:12px 16px;background:#ffffff0d;border:2px solid rgba(255,130,1,.2);border-radius:12px;color:#fff;font-size:16px;transition:all .3s ease;box-sizing:border-box}.filter-input:focus{outline:none;border-color:#ff8201;background:#ff82011a}.error-message{padding:12px;background:#ff00001a;border:1px solid rgba(255,0,0,.3);border-radius:8px;color:#ff6b6b;margin-bottom:16px;font-size:14px}.loading-message,.empty-message{padding:40px;text-align:center;color:#999;font-size:16px}.qr-table-container{overflow-x:auto;margin-bottom:24px}.qr-table{width:100%;border-collapse:collapse;background:#ffffff05;border-radius:12px;overflow:hidden}.qr-table thead{background:#ff82011a}.qr-table th{padding:16px;text-align:left;color:#ff8201;font-size:14px;font-weight:600;text-transform:uppercase;border-bottom:2px solid rgba(255,130,1,.2)}.qr-table td{padding:16px;color:#fff;font-size:14px;border-bottom:1px solid rgba(255,130,1,.1)}.qr-table tbody tr:hover{background:#ff82010d}.qr-table tbody tr:last-child td{border-bottom:none}.product-type-badge{display:inline-block;padding:4px 12px;background:#ff820133;border-radius:12px;font-size:12px;font-weight:600;color:#ff8201}.redirect-link{color:#ff8201;text-decoration:none;transition:color .3s ease}.redirect-link:hover{color:#ff9500;text-decoration:underline}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-badge.active{background:#0f03;color:#0f0}.status-badge.inactive{background:#f003;color:#ff6b6b}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}.action-btn{padding:6px 12px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.stats-btn{background:#ff820133;color:#ff8201;border:1px solid rgba(255,130,1,.3)}.stats-btn:hover{background:#ff82014d;transform:translateY(-2px)}.download-btn{background:#0096ff33;color:#0096ff;border:1px solid rgba(0,150,255,.3)}.download-btn:hover{background:#0096ff4d;transform:translateY(-2px)}.edit-btn{background:#ffc80033;color:#ffc800;border:1px solid rgba(255,200,0,.3)}.edit-btn:hover{background:#ffc8004d;transform:translateY(-2px)}.delete-btn{background:#f003;color:#ff6b6b;border:1px solid rgba(255,0,0,.3)}.delete-btn:hover{background:#ff00004d;transform:translateY(-2px)}.save-btn{background:#0f0;color:#000;border:none}.save-btn:hover{background:#0c0;transform:translateY(-2px)}.cancel-btn{background:#ff00004d;color:#fff;border:none}.cancel-btn:hover{background:#ff000080;transform:translateY(-2px)}.edit-input{width:100%;padding:8px 12px;background:#ffffff1a;border:2px solid rgba(255,130,1,.3);border-radius:8px;color:#fff;font-size:14px;transition:all .3s ease;box-sizing:border-box}.edit-input:focus{outline:none;border-color:#ff8201;background:#ff820126}.qr-management-footer{margin-top:32px;text-align:center;padding-top:24px;border-top:1px solid rgba(255,130,1,.2)}.create-btn{display:inline-block;padding:14px 28px;background:#ff8201;color:#fff;text-decoration:none;border-radius:12px;font-size:16px;font-weight:600;transition:all .3s ease}.create-btn:hover{background:#ff9500;transform:translateY(-2px);box-shadow:0 4px 16px #ff820166}@media (max-width: 1200px){.qr-table{font-size:12px}.qr-table th,.qr-table td{padding:12px 8px}}@media (max-width: 768px){.qr-management-card{padding:24px}.qr-filters{flex-direction:column}.filter-group{width:100%}.qr-table-container{overflow-x:scroll}.action-buttons{flex-direction:column}.action-btn{width:100%}}.overall-stats-container{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:20px;background:linear-gradient(135deg,#2b2a29,#252423,#1a1a1a)}.overall-stats-card{width:100%;max-width:1200px;background:#252423f2;border-radius:24px;padding:40px;box-shadow:0 20px 60px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,130,1,.1)}.overall-stats-title{font-size:32px;font-weight:700;color:#fff;margin:0 0 8px;text-align:center}.overall-stats-subtitle{font-size:14px;color:#999;text-align:center;margin:0 0 32px}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:#ff82011a;border:1px solid rgba(255,130,1,.3);border-radius:16px;padding:24px;text-align:center;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #ff82014d;border-color:#ff8201}.stat-icon{font-size:32px;margin-bottom:12px}.stat-value{font-size:36px;font-weight:700;color:#ff8201;margin-bottom:8px}.stat-label{font-size:14px;color:#999;font-weight:500}.stats-section{margin-bottom:40px}.section-title{font-size:24px;font-weight:600;color:#fff;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid rgba(255,130,1,.3)}.stats-table-container{overflow-x:auto;border-radius:12px;border:1px solid rgba(255,130,1,.2)}.stats-table{width:100%;border-collapse:collapse;background:#ffffff05}.stats-table thead{background:#ff82011a}.stats-table th{padding:16px;text-align:left;font-size:14px;font-weight:600;color:#ff8201;border-bottom:2px solid rgba(255,130,1,.3)}.stats-table td{padding:14px 16px;font-size:14px;color:#fff;border-bottom:1px solid rgba(255,255,255,.05)}.stats-table tbody tr:hover{background:#ff82010d}.stats-table tbody tr:last-child td{border-bottom:none}.qr-id{background:#ff82011a;padding:4px 8px;border-radius:6px;font-family:Courier New,monospace;font-size:12px;color:#ff8201}.loading{text-align:center;color:#999;font-size:18px;padding:40px}.error-message{background:#ff00001a;border:1px solid rgba(255,0,0,.3);border-radius:12px;padding:16px;color:#ff6b6b;text-align:center;margin:20px 0}@media (max-width: 768px){.overall-stats-card{padding:24px}.overall-stats-title{font-size:24px}.stats-overview{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:16px}.stat-value{font-size:28px}.stats-table-container{font-size:12px}.stats-table th,.stats-table td{padding:10px 8px;font-size:12px}}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1a1a1a}#root{width:100%;min-height:100vh}