.dashboard-sidebar{position:fixed;left:0;top:0;height:100vh;width:280px;background:#000c;backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;z-index:1000;transition:transform .3s ease}.dashboard-sidebar.closed{transform:translate(-100%)}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:999;display:none}@media (max-width: 768px){.sidebar-overlay{display:block}.dashboard-sidebar.open{z-index:1001}}.sidebar-search{padding:1rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:.75rem;background:#ffffff08}.sidebar-search input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.5rem .75rem;color:#fff;font-size:.875rem}.sidebar-search input:focus{outline:none;border-color:gold}.sidebar-search svg{color:#a0a0a0}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-logo{display:flex;align-items:center;gap:.75rem;color:gold;font-weight:700;font-size:1.25rem;letter-spacing:2px}.sidebar-logo-img{width:24px;height:24px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,215,0,.5))}.sidebar-toggle{background:transparent;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:4px;transition:all .3s ease}.sidebar-toggle:hover{background:#ffffff1a;color:gold}.nav-item{width:100%;display:flex;align-items:center;gap:1rem;padding:.875rem 1.5rem;background:transparent;border:none;color:#a0a0a0;font-size:.875rem;text-align:left;cursor:pointer;transition:all .3s ease;position:relative}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:#ffd7001a;color:gold;border-left:3px solid #FFD700}.nav-item svg{flex-shrink:0}.active-indicator{margin-left:auto}.sidebar-footer{border-top:1px solid rgba(255,255,255,.1);padding:1rem 0}.nav-item.upgrade{background:#ffd7001a;border-left:3px solid #FFD700;color:gold;font-weight:600}.nav-item.upgrade:hover{background:#ffd70033;color:gold}.nav-item.sign-out{color:#f44}.nav-item.sign-out:hover{background:#ff44441a;color:#f66}.sidebar-toggle-fixed{position:fixed;top:1rem;left:1rem;z-index:999;background:#000c;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:#fff;padding:.75rem;border-radius:8px;cursor:pointer;transition:all .3s ease}.sidebar-toggle-fixed:hover{background:#ffd7001a;border-color:gold;color:gold}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffd7004d;border-radius:2px}@media (max-width: 1024px){.dashboard-sidebar{transform:translate(-100%)}.dashboard-sidebar.open{transform:translate(0)}}.card-edit-sidebar{position:fixed;left:0;top:0;height:100vh;width:300px;background:linear-gradient(180deg,#1a1a2e,#0f0f1e);backdrop-filter:blur(20px);border-right:2px solid rgba(255,215,0,.2);display:flex;flex-direction:column;z-index:1000;transition:transform .3s ease;box-shadow:4px 0 24px #00000080}.card-edit-sidebar.closed{transform:translate(-100%)}.card-edit-sidebar.open{transform:translate(0)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:2px solid rgba(255,215,0,.1);background:#ffd7000d}.back-button{background:#ffd7001a;border:1px solid rgba(255,215,0,.3);color:gold;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.back-button:hover{background:#ffd70033;border-color:gold;transform:translate(-2px)}.sidebar-logo{display:flex;align-items:center;gap:.75rem;color:gold;font-weight:700;font-size:1rem;letter-spacing:2px;flex:1;justify-content:center}.sidebar-logo-img{width:24px;height:24px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,215,0,.5));animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{filter:drop-shadow(0 0 10px rgba(255,215,0,.5))}to{filter:drop-shadow(0 0 20px rgba(255,215,0,.8))}}.sidebar-toggle{background:#ffd7001a;border:1px solid rgba(255,215,0,.3);color:gold;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.sidebar-toggle:hover{background:#ffd70033;border-color:gold}.sidebar-search{padding:1rem;border-bottom:1px solid rgba(255,215,0,.1);display:flex;align-items:center;gap:.75rem;background:#ffd70008}.sidebar-search svg{color:gold}.sidebar-search input{flex:1;background:#ffffff0d;border:1px solid rgba(255,215,0,.2);border-radius:6px;padding:.5rem .75rem;color:#fff;font-size:.875rem;transition:all .3s ease}.sidebar-search input:focus{outline:none;border-color:gold;background:#ffffff14;box-shadow:0 0 10px #ffd70033}.sidebar-search input::-moz-placeholder{color:#666}.sidebar-search input::placeholder{color:#666}.sidebar-nav{flex:1;overflow-y:auto;padding:1rem 0}.nav-item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:transparent;border:none;color:#a0a0a0;font-size:.875rem;text-align:left;cursor:pointer;transition:all .3s ease;position:relative;border-left:3px solid transparent}.nav-item:hover{background:#ffd7000d;color:#fff;border-left-color:#ffd7004d}.nav-item.active{background:linear-gradient(90deg,rgba(255,215,0,.15) 0%,transparent 100%);color:gold;border-left-color:gold;font-weight:600}.nav-item.active:before{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:gold;box-shadow:0 0 10px #ffd70080}.nav-item-content{display:flex;align-items:center;gap:1rem;flex:1}.nav-item svg{flex-shrink:0;transition:transform .3s ease}.nav-item:hover svg{transform:scale(1.1)}.nav-item.active svg{color:gold;filter:drop-shadow(0 0 5px rgba(255,215,0,.5))}.nav-item span{flex:1}.active-indicator{margin-left:auto;color:gold;animation:slide .3s ease}@keyframes slide{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}.sidebar-footer{border-top:2px solid rgba(255,215,0,.1);padding:1rem 1.5rem;background:#ffd70008}.footer-info{display:flex;align-items:center;gap:.5rem;color:gold;font-size:.75rem;font-weight:600;letter-spacing:1px}.footer-info svg{filter:drop-shadow(0 0 5px rgba(255,215,0,.5))}.sidebar-toggle-fixed.card-edit{background:linear-gradient(135deg,#1a1a2ef2,#0f0f1ef2);border:2px solid rgba(255,215,0,.4);color:gold;box-shadow:0 4px 12px #00000080,0 0 20px #ffd7004d}.sidebar-toggle-fixed.card-edit:hover{background:linear-gradient(135deg,#ffd70033,#ffd7001a);border-color:gold;box-shadow:0 6px 20px #ffd70080;transform:scale(1.1)}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#ffd7000d}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffd7004d;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffd70080}@media (max-width: 768px){.card-edit-sidebar{width:280px}}.dashboard-home{display:flex;flex-direction:column;gap:2rem}.account-info-grid{display:grid;grid-template-columns:1fr 2fr 1fr;gap:1.5rem;margin-top:1.5rem}.account-info-grid .info-card:nth-child(2){grid-column:span 1;min-width:0}.account-info-grid .info-card:nth-child(3){min-width:0}@media (max-width: 1024px){.account-info-grid{grid-template-columns:1fr}.account-info-grid .info-card:nth-child(2){grid-column:span 1}}.info-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;min-width:0;overflow:hidden}.account-info-grid .info-card:nth-child(2){min-width:0;overflow:visible}.info-label{font-size:.875rem;color:#a0a0a0;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.info-value{font-size:1.125rem;color:#fff;font-weight:500;display:flex;align-items:center;gap:1rem;word-break:break-word;overflow-wrap:break-word;hyphens:auto;flex-wrap:wrap}.account-info-grid .info-card:nth-child(2) .info-value{white-space:nowrap;overflow:visible;min-width:0;word-break:keep-all;overflow-wrap:normal}.subscription-badge{background:#ffd70033;color:gold;padding:.25rem .75rem;border-radius:6px;font-size:.875rem;font-weight:500;white-space:nowrap;flex-shrink:0}.btn-upgrade{background:gold;color:#000;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0;min-width:-moz-fit-content;min-width:fit-content}.btn-upgrade:hover{background:#ffc700;transform:translateY(-2px)}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1.5rem}.analytics-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease}.analytics-card:hover{border-color:gold;transform:translateY(-4px);box-shadow:0 8px 24px #ffd70033}.analytics-card svg{color:gold;margin-bottom:1rem}.analytics-value{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem}.analytics-label{font-size:.875rem;color:#a0a0a0;text-transform:uppercase;letter-spacing:.5px}.language-select{max-width:300px}.danger-zone{border:2px solid rgba(255,68,68,.3);background:#ff44440d}.danger-warning{color:#ff6b6b;margin-bottom:1.5rem;line-height:1.6}.delete-confirm{background:#ff44441a;border:1px solid rgba(255,68,68,.3);border-radius:8px;padding:1.5rem;margin-top:1rem}.delete-confirm p{color:#ff6b6b;margin-bottom:1rem}.delete-actions{display:flex;gap:1rem}.btn-danger{background:#f44;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-danger:hover{background:#f33;transform:translateY(-2px);box-shadow:0 4px 12px #f446}.btn-cancel{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel:hover{background:#ffffff26}.message{padding:1rem;border-radius:8px;margin-bottom:1.5rem}.message.success{background:#4caf5033;border:1px solid rgba(76,175,80,.5);color:#4caf50}.message.error{background:#f443;border:1px solid rgba(255,68,68,.5);color:#ff6b6b}.quick-access-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem}.quick-access-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;cursor:pointer;transition:all .3s ease;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.quick-access-card:hover{border-color:gold;transform:translateY(-4px);box-shadow:0 8px 24px #ffd70033}.quick-access-card svg{color:gold}.quick-access-card h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.quick-access-card p{color:#a0a0a0;font-size:.875rem;margin:0}.quick-access-card .badge{position:absolute;top:1rem;right:1rem;background:gold;color:#000;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.quick-access-card .card-arrow{position:absolute;bottom:1rem;right:1rem;color:#a0a0a0;transition:all .3s ease}.quick-access-card:hover .card-arrow{color:gold;transform:translate(4px,-4px)}.share-profile-section{margin-top:1.5rem}.profile-url-display{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.profile-url-input{flex:1;min-width:200px;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.75rem 1rem;color:#fff;font-size:.9rem}.share-btn{background:gold;color:#000;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.share-btn:hover{background:#ffc700;transform:translateY(-2px)}.share-btn.copied{background:#10b981;color:#fff}.social-share-buttons{display:flex;gap:1rem;flex-wrap:wrap}.social-share-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.75rem 1.5rem;color:#fff;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.social-share-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.social-share-btn.facebook:hover{background:#1877f2;border-color:#1877f2}.social-share-btn.twitter:hover{background:#1da1f2;border-color:#1da1f2}.social-share-btn.linkedin:hover{background:#0077b5;border-color:#0077b5}.social-share-btn.whatsapp:hover{background:#25d366;border-color:#25d366}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.service-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;transition:all .3s ease}.service-card:hover{border-color:gold;transform:translateY(-4px);box-shadow:0 8px 24px #ffd70033}.service-image{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;background:#ffffff0d}.service-content{padding:1.5rem}.service-content h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.service-content p{color:#a0a0a0;font-size:.9rem;margin:0 0 1rem;line-height:1.5}.service-price{color:gold;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.subscribe-btn{width:100%;background:gold;color:#000;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.subscribe-btn:hover{background:#ffc700;transform:translateY(-2px)}.no-services{color:#a0a0a0;text-align:center;padding:2rem;font-style:italic}@media (max-width: 768px){.quick-access-grid{grid-template-columns:1fr}.profile-url-display{flex-direction:column}.profile-url-input{width:100%}.share-btn{width:100%;justify-content:center}.social-share-buttons{flex-direction:column}.social-share-btn{width:100%;justify-content:center}.services-grid{grid-template-columns:1fr}}@media (max-width: 640px){.dashboard-home{width:100%;max-width:100%;min-width:0;overflow-x:hidden}.account-info-grid{grid-template-columns:1fr;min-width:0}.account-info-grid .info-card:nth-child(2) .info-value{white-space:normal;overflow-wrap:break-word;word-break:break-word;max-width:100%}.info-card{min-width:0;overflow:hidden}.info-value{max-width:100%;overflow-wrap:break-word}.analytics-grid{grid-template-columns:1fr;min-width:0}.analytics-card{min-width:0}.language-select{max-width:100%;width:100%}.quick-access-grid{grid-template-columns:1fr;min-width:0}.quick-access-card{min-width:0}.subscription-badge,.btn-upgrade{white-space:normal;text-align:center}}.dashboard-page{min-height:100vh;background:#0a0a0a;display:flex;color:#fff;width:100%;overflow-x:hidden;box-sizing:border-box}.dashboard-page *,.dashboard-page *:before,.dashboard-page *:after{box-sizing:border-box}.dashboard-main{flex:1;min-width:0;display:flex;transition:margin-left .3s ease;margin-left:280px}.dashboard-main.sidebar-closed{margin-left:0}.dashboard-content{flex:1;min-width:0;padding:2rem;overflow-y:auto;overflow-x:hidden;max-width:1200px;width:100%}.dashboard-section{background:#ffffff08;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;margin-bottom:2rem}.dashboard-section .section-description{color:#a0a0a0;margin-bottom:2rem;font-size:.9rem;line-height:1.6}.dashboard-section h2{font-size:1.5rem;margin-bottom:1.5rem;color:gold;display:flex;align-items:center;gap:.75rem}.dashboard-section h3{font-size:1.25rem;margin-top:2rem;margin-bottom:1rem;color:#fff}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:#fff;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group textarea,.form-group select{padding:.875rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:gold;box-shadow:0 0 15px #ffd7004d;background:#ffffff14}.form-group textarea{resize:vertical;min-height:120px}.form-actions{display:flex;gap:1rem;margin-top:2rem}.save-button{background:gold;color:#000;padding:.875rem 2rem;border-radius:8px;font-weight:600;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 20px #ffd7004d;transition:all .3s ease}.save-button:hover{background:#ffe44d;box-shadow:0 0 30px #ffd70080;transform:translateY(-2px)}.reset-button{background:transparent;color:#fff;padding:.875rem 2rem;border-radius:8px;font-weight:600;text-transform:uppercase;letter-spacing:1px;border:2px solid rgba(255,255,255,.2);transition:all .3s ease}.reset-button:hover{border-color:gold;color:gold}@media (max-width: 1024px){.dashboard-main{margin-left:0;min-width:0}.dashboard-content{padding:1.5rem;overflow-x:hidden;max-width:100%}.form-grid{grid-template-columns:1fr}}@media (max-width: 640px){.dashboard-page{min-height:100vh;min-height:100dvh;width:100%;max-width:100vw;overflow-x:hidden}.dashboard-main{width:100%;max-width:100%;min-width:0;min-height:100vh;min-height:100dvh;margin-left:0!important;display:flex;flex-direction:column;overflow-x:hidden}.dashboard-content{width:100%;max-width:100%;min-width:0;flex:1;min-height:0;padding:1rem;padding-top:max(1rem,env(safe-area-inset-top));padding-bottom:max(1rem,env(safe-area-inset-bottom));padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));box-sizing:border-box;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.dashboard-content>*{max-width:100%;min-width:0}.dashboard-section{padding:1.25rem;margin-bottom:1.5rem;max-width:100%;overflow-x:hidden}.dashboard-section *{max-width:100%}.form-grid{grid-template-columns:1fr;gap:1rem}.form-group input,.form-group textarea,.form-group select{max-width:100%}.form-actions{flex-wrap:wrap;gap:.75rem}.save-button,.reset-button{min-width:0;width:100%}}.live-preview--loading{width:480px;max-width:100%;min-height:200px;padding:1.5rem;background:#ffffff08;border-left:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;box-sizing:border-box;color:#ffffff73;font-size:.9rem}
