@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a0a;--bg-secondary: #000000;--bg-card: #111111;--bg-hover: #1a1a1a;--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-muted: #666666;--border: #222222;--accent: #E85A24;--accent-hover: #D44A14;--success: #22c55e;--danger: #ef4444;--warning: #f59e0b;--info: #3b82f6}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;font-size:.875rem;transition:all .2s;border:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-danger{background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-sm{padding:.5rem 1rem;font-size:.75rem}.btn-block{width:100%}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:var(--text-secondary)}.label-optional{font-weight:400;color:var(--text-muted);font-size:.75rem}.form-input{width:100%;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.875rem;transition:border-color .2s}.form-input:focus{outline:none;border-color:var(--accent)}.form-input::placeholder{color:var(--text-muted)}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.stat-card{background:linear-gradient(135deg,var(--accent) 0%,#6366f1 100%);border-radius:12px;padding:1.25rem;color:#fff}.stat-value{font-size:2rem;font-weight:700}.stat-label{font-size:.875rem;opacity:.9}.nav{display:flex;gap:.5rem;background:var(--bg-secondary);padding:.25rem;border-radius:10px;margin-bottom:1.5rem}.nav-item{padding:.75rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;color:var(--text-secondary);background:transparent;border:none}.nav-item:hover{color:var(--text-primary)}.nav-item.active{background:var(--accent);color:#fff}.page-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem;transition:border-color .2s}.page-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;background:var(--bg-hover)}.page-info{flex:1}.page-title{font-weight:600;margin-bottom:.25rem}.page-slug{font-size:.75rem;color:var(--text-muted)}.page-stats{font-size:.75rem;color:var(--text-secondary)}.page-actions{display:flex;gap:.5rem}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.modal-title{font-size:1.125rem;font-weight:600}.modal-close{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer}.modal-body{padding:1.5rem}.modal-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:1.25rem 1.5rem;border-top:1px solid var(--border)}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.auth-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:2rem;width:100%;max-width:400px}.auth-logo{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.75rem;font-weight:800;text-align:center;margin-bottom:.5rem}.auth-title{font-size:1.25rem;text-align:center;margin-bottom:1.5rem}.dashboard{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--bg-secondary);border-right:1px solid var(--border);padding:1.5rem;position:fixed;height:100vh;overflow-y:auto}.sidebar-logo{font-size:1.25rem;font-weight:700;margin-bottom:2rem;display:flex;align-items:center;gap:.5rem}.logo-text{display:flex;font-weight:800;font-size:1.3rem;letter-spacing:-.02em}.logo-get{color:#fff}.logo-crispy{background:linear-gradient(135deg,#ff6b35,#f7931e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;color:var(--text-secondary);font-size:.875rem;font-weight:500}.sidebar-link:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-link.active{background:var(--accent);color:#fff}.main-content{flex:1;margin-left:240px;padding:2rem}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.page-title-lg{font-size:1.5rem;font-weight:700}@media(max-width:768px){.sidebar{display:none}.main-content{margin-left:0;padding:1rem}}.link-item{display:flex;align-items:center;gap:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:1rem;margin-bottom:.75rem}.link-info{flex:1}.link-title{font-weight:500;margin-bottom:.25rem}.link-url{font-size:.75rem;color:var(--text-muted);word-break:break-all}.toggle{width:44px;height:24px;background:var(--bg-hover);border-radius:12px;position:relative;cursor:pointer}.toggle.active{background:var(--accent)}.toggle:after{content:"";position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;top:2px;left:2px;transition:transform .2s}.toggle.active:after{transform:translate(20px)}.loading{display:flex;align-items:center;justify-content:center;min-height:200px}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.gradient-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.gradient-option{width:100%;aspect-ratio:16/9;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:all .2s}.gradient-option:hover{transform:scale(1.05)}.gradient-option.selected{border-color:#fff}.page-editor{min-height:100vh;background:var(--bg-primary)}.editor-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}.back-link{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem}.back-link:hover{color:var(--text-primary)}.page-slug{font-family:monospace;font-size:.875rem;color:var(--text-muted);background:var(--bg-hover);padding:.25rem .75rem;border-radius:4px}.editor-layout{display:grid;grid-template-columns:240px 1fr 300px;min-height:calc(100vh - 60px)}.editor-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);padding:1rem 0;position:sticky;top:60px;height:calc(100vh - 60px);overflow-y:auto}.editor-tabs{display:flex;flex-direction:column;gap:.4rem;padding:0 .75rem}.editor-tab{display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;border-radius:12px;background:#000;border:1px solid transparent;background-clip:padding-box;position:relative;cursor:pointer;text-align:left;width:100%;transition:all .2s}.editor-tab:before{content:"";position:absolute;inset:0;border-radius:12px;padding:1px;background:linear-gradient(135deg,#333,#1a1a1a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.editor-tab:hover:before{background:linear-gradient(135deg,#ff6b35,#f7931e)}.editor-tab.active:before{background:linear-gradient(135deg,#ff6b35,#f7931e)}.editor-tab.active{background:linear-gradient(135deg,#ff6b3526,#f7931e26)}.editor-tab .tab-icon{width:36px;height:36px;background:#1a1a1a;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#888;flex-shrink:0;transition:all .2s}.editor-tab:hover .tab-icon,.editor-tab.active .tab-icon{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff}.editor-tab .tab-text{flex:1;min-width:0}.editor-tab .tab-label{display:block;font-size:.85rem;font-weight:500;color:#fff;line-height:1.2}.editor-tab .tab-desc{display:block;font-size:.7rem;color:#888;line-height:1.3}.editor-tab:hover .tab-desc{color:#aaa}.editor-tab.active .tab-desc{color:#ffb088}.editor-tab .pro-badge{color:#fbbf24;flex-shrink:0}.editor-content{padding:2rem;overflow-y:auto;max-height:calc(100vh - 60px)}.editor-section{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.section-title{font-size:1.125rem;font-weight:600;margin-bottom:1rem}.section-header .section-title{margin-bottom:0}.avatar-upload{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.avatar-preview{width:80px;height:80px;border-radius:50%;overflow:hidden;background:var(--bg-hover)}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;color:var(--text-secondary)}.toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.875rem}.toggle-label input{width:18px;height:18px;accent-color:var(--accent)}.links-list{margin-top:1rem}.btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--bg-hover);border:none;color:var(--text-secondary);cursor:pointer;transition:all .2s}.btn-icon:hover{background:var(--border);color:var(--text-primary)}.btn-icon.active{color:var(--success)}.btn-icon.danger:hover{background:var(--danger);color:#fff}.add-link-form{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1rem;margin-bottom:1rem}.add-link-form .form-input{margin-bottom:.75rem}.form-actions{display:flex;gap:.5rem;justify-content:flex-end}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.theme-card{border-radius:10px;padding:1rem;cursor:pointer;border:2px solid transparent;transition:all .2s;position:relative}.theme-card:hover{transform:translateY(-2px)}.theme-card.selected{border-color:var(--accent)}.theme-card.locked{opacity:.6;cursor:not-allowed}.theme-preview{margin-bottom:.75rem}.preview-btn{padding:.5rem 1rem;border-radius:6px;font-size:.75rem;text-align:center}.theme-name{font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.pro-icon{color:#fbbf24}.add-platform-form{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1rem;margin-bottom:1rem}.platform-categories{max-height:200px;overflow-y:auto;margin-bottom:1rem}.platform-category{margin-bottom:.75rem}.category-name{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem}.platform-icons{display:flex;flex-wrap:wrap;gap:.5rem}.platform-icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--bg-hover);border:2px solid transparent;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.platform-icon-btn:hover{background:var(--border)}.platform-icon-btn.selected{border-color:var(--accent);background:var(--accent);color:#fff!important}.platform-username,.platforms-list{margin-top:1rem}.platform-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-secondary);border-radius:8px;margin-bottom:.5rem}.platform-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem;font-weight:600}.platform-info{flex:1}.platform-name{font-weight:500;font-size:.875rem}.platform-username{font-size:.75rem;color:var(--text-muted)}.editor-preview{background:var(--bg-secondary);border-left:1px solid var(--border);padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;position:sticky;top:60px;height:calc(100vh - 60px)}.phone-preview{display:flex;flex-direction:column;align-items:center;gap:1rem}.phone-frame{width:280px;height:560px;background:#1a1a1a;border-radius:40px;padding:12px;position:relative;box-shadow:0 25px 50px -12px #00000080}.phone-notch{position:absolute;top:12px;left:50%;transform:translate(-50%);width:120px;height:28px;background:#000;border-radius:20px;z-index:10}.phone-screen{width:100%;height:100%;border-radius:32px;overflow-y:auto;padding:3rem 1rem 1rem}.preview-profile{text-align:center;margin-bottom:1.5rem}.preview-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;margin:0 auto .75rem;border:3px solid rgba(255,255,255,.2)}.preview-avatar-placeholder{width:80px;height:80px;border-radius:50%;background:#fff3;margin:0 auto .75rem;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600}.preview-name{font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.preview-bio{font-size:.875rem;opacity:.8;max-width:200px;margin:0 auto}.preview-links{display:flex;flex-direction:column;gap:.75rem}.preview-link{background:#ffffff26;padding:.875rem;border-radius:10px;text-align:center;font-size:.875rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s}.preview-link:hover{background:#ffffff40}.preview-link-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-hover);border-radius:8px;font-size:.75rem;color:var(--text-secondary)}.preview-link-btn:hover{background:var(--border);color:var(--text-primary)}.loading-small{display:flex;align-items:center;justify-content:center;padding:2rem}.text-muted{color:var(--text-muted);font-size:.875rem}@media(max-width:1200px){.editor-layout{grid-template-columns:200px 1fr 280px}.editor-tab .tab-desc{display:none}.editor-tab .tab-icon{width:32px;height:32px}}@media(max-width:1024px){.editor-layout{grid-template-columns:1fr}.editor-sidebar{position:fixed;bottom:0;left:0;right:0;height:auto;z-index:100;padding:.5rem;border-right:none;border-top:1px solid var(--border);background:var(--bg-secondary)}.editor-tabs{flex-direction:row;overflow-x:auto;padding:0 .5rem;gap:.5rem}.editor-tab{flex-direction:column;padding:.5rem .75rem;min-width:auto;border:none;background:transparent}.editor-tab:hover,.editor-tab.active{background:var(--bg-hover);border:none}.editor-tab .tab-icon{width:28px;height:28px}.editor-tab .tab-text{display:none}.editor-tab .pro-badge{position:absolute;top:2px;right:2px}.editor-preview{display:none}.editor-content{padding:1rem;padding-bottom:80px;max-height:none}}.analytics-page{padding:2rem;max-width:1400px;margin:0 auto}.analytics-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.header-left{display:flex;align-items:center;gap:1rem}.analytics-title{font-size:1.5rem;font-weight:700}.analytics-title .page-name{color:var(--accent)}.period-selector{display:flex;gap:.25rem;background:var(--bg-secondary);padding:.25rem;border-radius:10px}.period-btn{padding:.5rem 1rem;border:none;background:transparent;color:var(--text-secondary);font-size:.875rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s}.period-btn:hover{color:var(--text-primary)}.period-btn.active{background:var(--accent);color:#fff}.analytics-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.analytics-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem;display:flex;align-items:flex-start;gap:1rem}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card-purple .stat-icon{background:#a855f733;color:#a855f7}.stat-card-blue .stat-icon{background:#3b82f633;color:#3b82f6}.stat-card-green .stat-icon{background:#22c55e33;color:#22c55e}.stat-card-orange .stat-icon{background:#f59e0b33;color:#f59e0b}.stat-content{flex:1}.stat-value-lg{font-size:1.75rem;font-weight:700;line-height:1.2}.stat-title{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.stat-change{display:flex;align-items:center;gap:.25rem;font-size:.75rem;margin-top:.5rem}.stat-change.positive{color:#22c55e}.stat-change.negative{color:#ef4444}.analytics-section{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.analytics-section .section-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;margin-bottom:1.25rem;color:var(--text-primary)}.chart-container{width:100%;min-height:350px}.chart-tooltip{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem;font-size:.875rem}.tooltip-label{font-weight:600;margin-bottom:.25rem}.no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:250px;color:var(--text-muted);gap:1rem}.no-data-small{padding:2rem;text-align:center;color:var(--text-muted)}.funnel-container{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 0}.funnel-stage{width:100%}.funnel-bar{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:10px;color:#fff;transition:width .5s ease}.funnel-bar.views-bar{background:linear-gradient(135deg,#ff6b35,#f7931e);width:100%}.funnel-bar.clicks-bar{background:linear-gradient(135deg,#3b82f6,#6366f1);min-width:200px}.funnel-label{font-weight:500;flex:1}.funnel-value{font-size:1.25rem;font-weight:700}.funnel-arrow{color:var(--text-muted);padding:.5rem}.funnel-rate{margin-top:1rem}.rate-circle{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#16a34a);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.rate-value{font-size:1.5rem;font-weight:700}.rate-label{font-size:.75rem;opacity:.9}.analytics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.top-links{display:flex;flex-direction:column;gap:.75rem}.top-link-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--bg-secondary);border-radius:8px}.link-rank{font-size:.875rem;font-weight:600;color:var(--accent);min-width:30px}.link-details{flex:1}.link-name{font-size:.875rem;font-weight:500;margin-bottom:.5rem}.link-bar{height:6px;background:var(--bg-hover);border-radius:3px;overflow:hidden}.link-bar-fill{height:100%;background:linear-gradient(90deg,#ff6b35,#f7931e);border-radius:3px;min-width:2px}.link-stats{text-align:right;min-width:80px}.link-clicks{font-weight:600;display:block}.link-percentage{font-size:.75rem;color:var(--text-muted)}.pie-chart-container{display:flex;align-items:center;gap:1.5rem}.pie-legend{display:flex;flex-direction:column;gap:.5rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.legend-color{width:12px;height:12px;border-radius:3px}.legend-label{flex:1;color:var(--text-secondary)}.legend-value{font-weight:600}.country-item{display:flex;align-items:center;gap:.75rem}.country-rank{width:20px;font-size:.75rem;color:var(--text-muted);text-align:center}.country-name{width:80px;font-size:.875rem;font-weight:500}.country-bar{flex:1;height:8px;background:var(--bg-hover);border-radius:4px;overflow:hidden}.country-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.country-value{min-width:40px;text-align:right;font-size:.875rem;font-weight:600}.referrer-list{display:flex;flex-direction:column;gap:.75rem}.referrer-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--bg-secondary);border-radius:8px}.referrer-rank{width:24px;font-size:.75rem;color:var(--text-muted);text-align:center}.referrer-url{flex:1;font-size:.875rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.referrer-bar{width:150px;height:6px;background:var(--bg-hover);border-radius:3px;overflow:hidden}.referrer-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#6366f1);border-radius:3px}.referrer-stats{display:flex;gap:1rem;min-width:100px;justify-content:flex-end}.referrer-count{font-weight:600}.referrer-percentage{color:var(--text-muted);font-size:.875rem}@media(max-width:1024px){.analytics-stats{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}}@media(max-width:640px){.analytics-page{padding:1rem}.analytics-stats{grid-template-columns:1fr}.analytics-header{flex-direction:column;align-items:flex-start}.funnel-bar{padding:.75rem 1rem}.pie-chart-container{flex-direction:column}}.navi-dashboard{padding:1.5rem 2rem;max-width:1600px;margin:0 auto}.navi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.navi-header-left{display:flex;flex-direction:column;gap:.25rem}.navi-title{display:flex;align-items:center;gap:.75rem;font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0}.navi-subtitle{color:var(--text-muted);font-size:.9rem;margin:0}.navi-period-selector{display:flex;gap:.25rem;background:var(--bg-secondary);padding:4px;border-radius:10px}.navi-period-btn{padding:.5rem 1rem;border:none;background:transparent;color:var(--text-secondary);font-size:.875rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s}.navi-period-btn:hover{color:var(--text-primary)}.navi-period-btn.active{background:var(--primary);color:#fff}.drp-container{position:relative}.drp-trigger{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;min-width:200px}.drp-trigger:hover{border-color:var(--accent)}.drp-chevron{margin-left:auto;transition:transform .2s}.drp-chevron.open{transform:rotate(180deg)}.drp-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 40px #00000080;z-index:1000;display:flex;overflow:hidden;min-width:500px}.drp-presets{width:160px;padding:.5rem;border-right:1px solid var(--border);background:var(--bg-secondary)}.drp-preset-btn{display:block;width:100%;padding:.625rem .75rem;background:transparent;border:none;color:var(--text-secondary);font-size:.8125rem;text-align:left;border-radius:6px;cursor:pointer;transition:all .15s}.drp-preset-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.drp-calendar-section{padding:1rem;flex:1}.drp-month-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.drp-month-label{font-weight:600;font-size:.9375rem;text-transform:capitalize}.drp-nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .15s}.drp-nav-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent)}.drp-calendar{-webkit-user-select:none;user-select:none}.drp-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:.5rem}.drp-weekday{text-align:center;font-size:.75rem;font-weight:600;color:var(--text-muted);padding:.25rem}.drp-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.drp-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-primary);font-size:.8125rem;border-radius:8px;cursor:pointer;transition:all .15s;position:relative}.drp-day:hover{background:var(--bg-hover)}.drp-day.other-month{color:var(--text-muted);opacity:.5}.drp-day.today{font-weight:700;color:var(--accent)}.drp-day.in-range{background:#e85a2426;border-radius:0}.drp-day.range-start{background:var(--accent);color:#fff;border-radius:8px 0 0 8px}.drp-day.range-end{background:var(--accent);color:#fff;border-radius:0 8px 8px 0}.drp-day.range-start.range-end{border-radius:8px}.drp-hint{text-align:center;font-size:.75rem;color:var(--text-secondary);margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}@media(max-width:640px){.drp-dropdown{flex-direction:column;min-width:280px;right:-50px}.drp-presets{width:100%;border-right:none;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:.25rem}.drp-preset-btn{flex:1 1 auto;text-align:center}}.navi-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.navi-stat-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:1.25rem;display:flex;align-items:flex-start;gap:1rem}.navi-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.navi-stat-content{flex:1;min-width:0}.navi-stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1.2}.navi-stat-title{font-size:.875rem;color:var(--text-muted);margin-top:.25rem}.navi-stat-change{display:inline-flex;align-items:center;gap:2px;font-size:.75rem;font-weight:600;margin-top:.5rem;padding:2px 6px;border-radius:4px}.navi-stat-change.positive{color:#22c55e;background:#22c55e1a}.navi-stat-change.negative{color:#ef4444;background:#ef44441a}.navi-chart-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:1.5rem;margin-bottom:2rem}.navi-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.navi-section-title{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.navi-metric-toggle{display:flex;gap:.25rem;background:var(--bg-primary);padding:4px;border-radius:10px}.navi-metric-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;background:transparent;color:var(--text-secondary);font-size:.875rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s}.navi-metric-btn:hover{color:var(--text-primary)}.navi-metric-btn.active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:0 2px 4px #0000001a}.navi-chart-container{height:350px;position:relative}.chart-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary)}.navi-tooltip{background:var(--bg-primary);border:1px solid var(--border);border-radius:10px;padding:.75rem 1rem;box-shadow:0 4px 12px #0000004d}.navi-tooltip .tooltip-date{font-weight:600;color:var(--text-primary);margin:0 0 .5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.navi-tooltip .tooltip-row{display:flex;align-items:center;gap:.5rem;font-size:.875rem;margin:.25rem 0}.navi-tooltip .tooltip-dot{width:8px;height:8px;border-radius:50%}.navi-tooltip .tooltip-name{color:var(--text-secondary)}.navi-tooltip .tooltip-value{font-weight:600;margin-left:auto}.navi-legend-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.navi-legend-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.legend-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-muted)}.legend-select-all{background:transparent;border:none;color:var(--primary);font-size:.875rem;font-weight:500;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background .2s}.legend-select-all:hover{background:#a855f71a}.navi-account-legend{display:flex;flex-wrap:wrap;gap:.5rem}.navi-legend-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:2px solid var(--border);border-radius:999px;cursor:pointer;transition:all .2s;font-size:.875rem}.navi-legend-item:hover{background:var(--bg-hover)}.navi-legend-item.active{border-color:var(--account-color);background:var(--bg-hover)}.navi-legend-item.inactive{opacity:.5}.navi-legend-item.inactive:hover{opacity:.8}.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.legend-name{font-weight:600;color:var(--text-primary)}.legend-slug{color:var(--text-muted);font-size:.8rem}.navi-filter-grid{display:grid;grid-template-columns:200px 1fr;gap:1.5rem}.navi-filter-column{display:flex;flex-direction:column}.filter-column-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.8125rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.select-all-btn{background:transparent;border:none;color:var(--accent);font-size:.75rem;font-weight:500;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background .2s}.select-all-btn:hover{background:#e85a241a}.navi-creator-list{display:flex;flex-direction:column;gap:.375rem}.navi-creator-btn{display:flex;align-items:center;gap:.625rem;padding:.625rem .875rem;background:transparent;border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .15s;text-align:left}.navi-creator-btn:hover{background:var(--bg-hover);border-color:var(--creator-color)}.navi-creator-btn.active{background:var(--bg-hover);border-color:var(--creator-color);border-width:2px}.creator-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.creator-name{flex:1;font-size:.875rem;font-weight:500;color:var(--text-primary)}.creator-count{font-size:.75rem;color:var(--text-muted);background:var(--bg-secondary);padding:.125rem .5rem;border-radius:999px}.navi-funnel-list{display:flex;flex-wrap:wrap;gap:.5rem}.no-funnels{color:var(--text-muted);font-size:.875rem;padding:1rem}.navi-funnel-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:transparent;border:1px solid var(--border);border-radius:999px;cursor:pointer;transition:all .15s}.navi-funnel-btn:hover{background:var(--bg-hover)}.navi-funnel-btn.active{background:#e85a241a;border-color:var(--funnel-color)}.funnel-dot{width:10px;height:10px;border-radius:50%;border:2px solid;flex-shrink:0}.funnel-slug{font-size:.875rem;font-weight:600;color:var(--text-primary)}.funnel-tag{font-size:.75rem;color:var(--text-muted)}@media(max-width:768px){.navi-filter-grid{grid-template-columns:1fr}.navi-creator-list{flex-direction:row;flex-wrap:wrap}.navi-creator-btn{flex:0 1 auto}}.navi-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.navi-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:1.5rem}.navi-card-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1.25rem}.navi-funnel{display:flex;flex-direction:column;gap:1rem}.funnel-step{position:relative}.funnel-label{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem}.funnel-label span:first-child{color:var(--text-secondary)}.funnel-value{font-weight:700;color:var(--text-primary)}.funnel-bar-bg{height:32px;background:var(--bg-primary);border-radius:8px;overflow:hidden}.funnel-bar{height:100%;border-radius:8px;transition:width .5s ease}.funnel-arrow{display:flex;align-items:center;gap:.5rem;margin:.5rem 0 0 1rem;color:var(--text-muted);font-size:.8rem}.funnel-conversion{font-weight:600;color:var(--text-secondary)}.navi-traffic-list{display:flex;flex-direction:column;gap:1rem}.navi-traffic-item{display:flex;align-items:center;gap:1rem}.traffic-info{width:100px;flex-shrink:0}.traffic-source{display:block;font-weight:600;color:var(--text-primary);font-size:.9rem}.traffic-visits{display:block;color:var(--text-muted);font-size:.75rem}.traffic-bar-container{flex:1;height:8px;background:var(--bg-primary);border-radius:4px;overflow:hidden}.traffic-bar{height:100%;border-radius:4px;transition:width .5s ease}.traffic-percentage{width:50px;text-align:right;font-weight:600;color:var(--text-secondary);font-size:.875rem}.navi-performance-card{margin-bottom:2rem}.navi-table-container{overflow-x:auto}.navi-table{width:100%;border-collapse:collapse}.navi-table th{text-align:left;padding:.75rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border)}.navi-table td{padding:1rem;border-bottom:1px solid var(--border)}.navi-table tr:last-child td{border-bottom:none}.navi-table tr:hover{background:var(--bg-hover)}.account-cell{display:flex;align-items:center;gap:.75rem}.account-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.account-name{font-weight:600;color:var(--text-primary)}.account-slug{font-size:.8rem;color:var(--text-muted)}.stat-cell{font-weight:600;color:var(--text-secondary)}.table-link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;color:var(--text-muted);transition:all .2s}.table-link:hover{background:var(--primary);color:#fff}@media(max-width:1200px){.navi-stats-grid{grid-template-columns:repeat(2,1fr)}.navi-bottom-grid{grid-template-columns:1fr}}@media(max-width:768px){.navi-dashboard{padding:1rem}.navi-header{flex-direction:column;align-items:flex-start;gap:1rem}.navi-stats-grid{grid-template-columns:1fr}.navi-chart-header{flex-direction:column;align-items:flex-start;gap:1rem}.navi-chart-container{height:250px}.navi-legend-item{padding:.4rem .75rem;font-size:.8rem}.navi-table th,.navi-table td{padding:.5rem;font-size:.8rem}}.links-overview{padding:1.5rem 2rem;max-width:1400px;margin:0 auto}.links-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.links-header-left{display:flex;flex-direction:column;gap:.25rem}.links-title{display:flex;align-items:center;gap:.75rem;font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0}.links-subtitle{color:var(--text-muted);font-size:.9rem;margin:0}.tag-manager-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem}.tag-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.tag-manager-header h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;margin:0}.add-tag-form{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;padding:1rem;background:var(--bg-primary);border-radius:12px;margin-bottom:1rem}.add-tag-form .form-input,.add-tag-form .form-select{padding:.5rem .75rem;font-size:.875rem}.add-tag-form .form-input{width:200px}.add-tag-form .form-select{width:140px}.color-picker-mini{display:flex;gap:4px;flex-wrap:wrap}.color-dot{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s}.color-dot:hover{transform:scale(1.1)}.color-dot.active{border-color:#fff;box-shadow:0 0 0 2px var(--primary)}.add-tag-actions{display:flex;gap:.5rem;margin-left:auto}.tag-type-group{margin-bottom:1rem}.tag-type-group:last-child{margin-bottom:0}.tag-type-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.5rem}.tag-chips{display:flex;flex-wrap:wrap;gap:.5rem}.tag-chip-manage{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:999px;font-size:.875rem}.tag-chip-manage .tag-dot{width:8px;height:8px;border-radius:50%}.tag-chip-manage .tag-name{color:var(--text-primary);font-weight:500}.tag-chip-manage .tag-count{color:var(--text-muted);font-size:.75rem}.tag-chip-manage .tag-delete{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:transparent;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;transition:all .2s}.tag-chip-manage .tag-delete:hover{background:#ef4444;color:#fff}.links-filters{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:1.25rem;margin-bottom:1rem}.links-search{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;margin-bottom:1rem}.links-search svg{color:var(--text-muted);flex-shrink:0}.links-search input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.9375rem;outline:none}.links-search input::placeholder{color:var(--text-muted)}.search-clear{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--bg-hover);border:none;border-radius:50%;color:var(--text-muted);cursor:pointer}.search-clear:hover{color:var(--text-primary)}.tag-filters{display:flex;flex-direction:column;gap:.75rem}.filter-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--text-secondary)}.tag-filter-group{display:flex;align-items:flex-start;gap:.75rem}.tag-group-label{font-size:.8rem;font-weight:600;min-width:90px;padding-top:.4rem}.tag-filter-chips{display:flex;flex-wrap:wrap;gap:.5rem;flex:1}.tag-filter-chip{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:transparent;border:1px solid var(--border);border-radius:999px;font-size:.8125rem;color:var(--text-secondary);cursor:pointer;transition:all .2s}.tag-filter-chip:hover{background:var(--bg-hover);border-color:var(--tag-color)}.tag-filter-chip.active{background:color-mix(in srgb,var(--tag-color) 15%,transparent);border-color:var(--tag-color);color:var(--text-primary)}.tag-filter-chip .tag-dot{width:8px;height:8px;border-radius:50%}.clear-filters{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:transparent;border:1px solid var(--border);border-radius:999px;font-size:.8125rem;color:#ef4444;cursor:pointer;align-self:flex-start;margin-top:.5rem}.clear-filters:hover{background:#ef44441a;border-color:#ef4444}.links-results-count{font-size:.875rem;color:var(--text-muted);margin-bottom:1rem}.links-list{display:flex;flex-direction:column;gap:.75rem}.links-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;text-align:center}.links-empty svg{color:var(--text-muted);margin-bottom:1rem}.links-empty h3{margin:0 0 .5rem;color:var(--text-primary)}.links-empty p{margin:0;color:var(--text-muted)}.link-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color .2s}.link-card:hover{border-color:var(--primary)}.link-card-main{display:flex;align-items:center;gap:1rem;padding:1rem}.link-page-avatar{width:44px;height:44px;border-radius:50%;background:var(--bg-hover);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.link-page-avatar img{width:100%;height:100%;object-fit:cover}.link-page-avatar span{font-weight:600;color:var(--text-primary)}.link-url{font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-page{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;font-size:.8rem}.link-page .page-name{color:var(--text-secondary)}.link-page .page-slug{color:var(--text-muted)}.link-stats{display:flex;gap:1rem}.link-stat{display:flex;align-items:center;gap:.35rem;font-size:.875rem;color:var(--text-muted)}.link-stat span{font-weight:600;color:var(--text-secondary)}.btn-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;transition:all .2s}.btn-ghost{background:transparent;border:none;color:var(--text-muted);cursor:pointer}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.link-tags-row{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem;background:var(--bg-primary);border-top:1px solid var(--border)}.link-tag{display:flex;align-items:center;gap:.35rem;padding:.25rem .6rem;background:color-mix(in srgb,var(--tag-color) 15%,transparent);border-radius:999px;font-size:.75rem;font-weight:500;color:var(--text-primary)}.link-tag .tag-dot{width:6px;height:6px;border-radius:50%}.no-tags{font-size:.75rem;color:var(--text-muted);font-style:italic}.link-tag-editor{padding:1rem;background:var(--bg-primary);border-top:1px solid var(--border)}.tag-editor-label{font-size:.75rem;font-weight:600;color:var(--text-muted);margin-bottom:.75rem}.tag-editor-chip{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:transparent;border:1px solid var(--border);border-radius:999px;font-size:.8125rem;color:var(--text-secondary);cursor:pointer;transition:all .2s}.tag-editor-chip:hover{background:var(--bg-hover)}.tag-editor-chip .tag-dot{width:8px;height:8px;border-radius:50%}@media(max-width:768px){.links-overview{padding:1rem}.links-header{flex-direction:column;align-items:flex-start;gap:1rem}.add-tag-form{flex-direction:column;align-items:stretch}.add-tag-form .form-input,.add-tag-form .form-select{width:100%}.tag-filter-group{flex-direction:column;gap:.5rem}.tag-group-label{min-width:unset;padding-top:0}.link-card-main{flex-wrap:wrap}.link-info{width:calc(100% - 60px)}.link-stats,.link-actions{width:100%;justify-content:flex-start;padding-top:.5rem}}.navi-geo-section{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:2rem;align-items:stretch}.navi-map-card{min-height:400px;display:flex;flex-direction:column}.navi-map-card .world-map-pro{flex:1;display:flex;flex-direction:column}.navi-countries-card{display:flex;flex-direction:column;overflow:hidden}.navi-countries-card .country-list-pro{flex:1;overflow-y:auto;padding-right:.5rem}.navi-countries-card .country-list-pro::-webkit-scrollbar{width:6px}.navi-countries-card .country-list-pro::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:3px}.navi-countries-card .country-list-pro::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.navi-countries-card .country-list-pro::-webkit-scrollbar-thumb:hover{background:var(--primary)}.world-map-container{position:relative;width:100%}.world-map-svg{width:100%;height:auto;min-height:300px}.world-map-svg .country-dot{transition:all .2s ease}.world-map-svg .country-dot:hover{transform-origin:center;filter:brightness(1.2)}.world-map-svg .country-glow{animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.3}50%{opacity:.5}}.map-legend{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-muted)}.legend-dot{width:12px;height:12px;border-radius:50%}.legend-dot.low{background:#b27de8}.legend-dot.medium{background:#7f13ec}.legend-dot.high{background:#5900b3}.country-list{display:flex;flex-direction:column;gap:.75rem}.country-list-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-primary);border-radius:10px;transition:background .2s}.country-list-item:hover{background:var(--bg-hover)}.country-rank{font-size:.75rem;font-weight:600;color:var(--text-muted);min-width:28px}.country-flag{font-size:1.25rem;line-height:1}.country-name{flex:1;font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.country-bar-container{width:80px;height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden}.country-bar-fill{height:100%;border-radius:3px;transition:width .5s ease}.country-stats{display:flex;flex-direction:column;align-items:flex-end;min-width:60px}.country-visits{font-size:.875rem;font-weight:700;color:var(--text-primary)}.country-pct{font-size:.75rem;color:var(--text-muted)}.country-empty{text-align:center;padding:2rem;color:var(--text-muted);font-size:.9rem}@media(max-width:1200px){.navi-geo-section{grid-template-columns:1fr}.navi-map-card{min-height:300px}.navi-countries-card{max-height:none}}@media(max-width:768px){.world-map-svg{min-height:200px}.map-legend{flex-wrap:wrap;gap:1rem}.country-bar-container{display:none}}.world-map-pro{position:relative;width:100%;background:linear-gradient(180deg,#0f0f1a,#1a1a2e);border-radius:12px;overflow:hidden;padding:1rem}.world-map-pro svg{display:block;width:100%;height:auto;min-height:300px}.map-tooltip{position:fixed;z-index:1000;background:#0f0f1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(168,85,247,.3);border-radius:12px;padding:.875rem 1rem;pointer-events:none;box-shadow:0 8px 32px #0006;min-width:160px}.map-tooltip .tooltip-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.map-tooltip .tooltip-flag{font-size:1.5rem;line-height:1}.map-tooltip .tooltip-name{font-weight:600;color:#fff;font-size:.9375rem}.map-tooltip .tooltip-stats{display:flex;gap:1.25rem}.map-tooltip .tooltip-stat{display:flex;flex-direction:column}.map-tooltip .stat-value{font-size:1.125rem;font-weight:700;color:#ff6b35}.map-tooltip .stat-label{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em}.map-tooltip .tooltip-empty{font-size:.8125rem;color:#fff6;font-style:italic}.map-color-legend{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.map-color-legend .legend-label{font-size:.8125rem;color:#ffffff80}.map-color-legend .legend-gradient{display:flex;flex-direction:column;gap:.25rem}.map-color-legend .gradient-bar{width:120px;height:8px;border-radius:4px;background:linear-gradient(90deg,#a670db,#7f19e6,#4c0099)}.map-color-legend .gradient-labels{display:flex;justify-content:space-between;font-size:.6875rem;color:#fff6;text-transform:uppercase;letter-spacing:.05em}.country-list-pro{display:flex;flex-direction:column;gap:.5rem}.country-list-pro .country-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:linear-gradient(135deg,#a855f70d,#6366f10d);border:1px solid rgba(168,85,247,.1);border-radius:10px;transition:all .2s ease}.country-list-pro .country-item:hover{background:linear-gradient(135deg,#a855f71a,#6366f11a);border-color:#a855f74d;transform:translate(4px)}.country-list-pro .country-rank{font-size:.875rem;min-width:32px;text-align:center;color:#fff6}.country-list-pro .country-flag{font-size:1.5rem;line-height:1}.country-list-pro .country-details{flex:1;min-width:0}.country-list-pro .country-name{font-weight:600;color:var(--text-primary);font-size:.9375rem;margin-bottom:.375rem}.country-list-pro .country-bar-wrapper{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.country-list-pro .country-bar-fill{height:100%;background:linear-gradient(90deg,#ff6b35,#f7931e);border-radius:2px;transition:width .5s ease}.country-list-pro .country-stats{display:flex;flex-direction:column;align-items:flex-end;min-width:60px}.country-list-pro .visits-count{font-size:1rem;font-weight:700;color:var(--text-primary)}.country-list-pro .visits-pct{font-size:.75rem;color:var(--text-muted)}.country-list-pro .country-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem;text-align:center}.country-list-pro .country-empty .empty-icon{font-size:2.5rem;opacity:.5}.country-list-pro .country-empty span:last-child{color:var(--text-muted);font-size:.9rem}@media(max-width:768px){.world-map-pro svg{min-height:200px}.map-color-legend{flex-direction:column;gap:.5rem}.country-list-pro .country-item{padding:.75rem}.country-list-pro .country-flag{font-size:1.25rem}}.settings-page{padding:2rem;max-width:900px}.settings-header{margin-bottom:2rem}.settings-header h1{display:flex;align-items:center;gap:.75rem;font-size:1.75rem;font-weight:700}.settings-content{display:flex;flex-direction:column;gap:2rem}.settings-section{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.5rem}.section-header{margin-bottom:1.5rem}.section-header h2{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;margin-bottom:.25rem}.section-desc{color:var(--text-secondary);font-size:.9rem}.page-selector{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.page-selector label{color:var(--text-secondary);font-size:.9rem}.page-selector select{flex:1;max-width:300px;padding:.75rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.9rem}.add-domain-form{display:flex;gap:.75rem;margin-bottom:1.5rem}.add-domain-form input{flex:1;padding:.75rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.95rem}.add-domain-form input:focus{outline:none;border-color:var(--primary)}.add-domain-form button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--primary);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.add-domain-form button:hover:not(:disabled){background:var(--primary-hover)}.add-domain-form button:disabled{opacity:.5;cursor:not-allowed}.domains-list{display:flex;flex-direction:column;gap:1rem}.no-domains{text-align:center;padding:3rem 2rem;color:var(--text-secondary)}.no-domains svg{margin-bottom:1rem;opacity:.5}.no-domains p{font-size:1.1rem;margin-bottom:.25rem}.no-domains span{font-size:.85rem;opacity:.7}.domain-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.domain-card.verified{border-color:#22c55e40}.domain-card.pending{border-color:#f59e0b40}.domain-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.domain-name{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:1.05rem}.status-icon.verified{color:#22c55e}.status-icon.pending{color:#f59e0b}.domain-link{color:var(--text-secondary);transition:color .2s}.domain-link:hover{color:var(--primary)}.domain-actions{display:flex;gap:.5rem}.btn-verify{display:flex;align-items:center;gap:.35rem;padding:.5rem .75rem;background:#22c55e20;color:#22c55e;border:1px solid #22c55e40;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .2s}.btn-verify:hover:not(:disabled){background:#22c55e30}.btn-delete{display:flex;align-items:center;padding:.5rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .2s}.btn-delete:hover{background:#ef444420;color:#ef4444;border-color:#ef444440}.dns-instructions{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border)}.dns-instructions h4{display:flex;align-items:center;gap:.5rem;font-size:.95rem;margin-bottom:.5rem;color:var(--text)}.instruction-intro{color:var(--text-secondary);font-size:.85rem;margin-bottom:1rem}.dns-records{display:flex;flex-direction:column;gap:1rem}.dns-record{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1rem}.dns-record.optional{opacity:.8}.record-type{font-weight:600;font-size:.85rem;color:var(--primary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.record-type .required{color:#f59e0b;font-size:.75rem;text-transform:none;font-weight:500}.record-type .optional-tag{color:var(--text-secondary);font-size:.75rem;text-transform:none;font-weight:400}.record-details{display:flex;flex-direction:column;gap:.5rem}.record-row{display:flex;align-items:center;gap:.75rem}.record-row .label{width:50px;color:var(--text-secondary);font-size:.85rem}.record-row code{flex:1;background:var(--bg);padding:.5rem .75rem;border-radius:4px;font-family:SF Mono,Fira Code,monospace;font-size:.85rem;color:var(--text);word-break:break-all}.record-row code.verification-code{color:#f59e0b}.copy-btn{display:flex;align-items:center;justify-content:center;padding:.4rem;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.copy-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.dns-note{display:flex;align-items:flex-start;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;background:#f59e0b15;border:1px solid #f59e0b30;border-radius:8px;color:#f59e0b;font-size:.85rem}.domain-verified-info{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;background:#22c55e15;border-radius:8px;color:#22c55e;font-size:.9rem}.shield-icon{color:#22c55e}.plan-section{margin-top:1rem}.current-plan-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1.5rem}.plan-badge{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.current-plan-card .plan-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center}.plan-info .plan-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.plan-info .plan-name{font-size:1.5rem;font-weight:700;margin:0;color:var(--plan-color, var(--text-primary))}.current-plan-card .plan-limits{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--bg-secondary);border-radius:12px}.current-plan-card .plan-limits .limit-item{text-align:center}.current-plan-card .plan-limits .limit-value{display:block;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.current-plan-card .plan-limits .limit-label{font-size:.75rem;color:var(--text-secondary)}.current-plan-card .plan-features h4{font-size:.875rem;color:var(--text-secondary);margin-bottom:.75rem}.current-plan-card .plan-features ul{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.current-plan-card .plan-features li{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-primary)}.current-plan-card .plan-features li svg{color:var(--success);flex-shrink:0}.upgrade-cta{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border);text-align:center}.upgrade-cta p{color:var(--text-secondary);margin-bottom:1rem;font-size:.9rem}.upgrade-cta .btn{padding:.875rem 2rem}.manage-subscription{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border);display:flex;gap:1rem}@media(max-width:768px){.current-plan-card .plan-limits{grid-template-columns:repeat(2,1fr)}.current-plan-card .plan-features ul{grid-template-columns:1fr}}.account-info{display:flex;flex-direction:column;gap:.75rem}.info-row{display:flex;align-items:center;gap:1rem}.info-row .label{width:100px;color:var(--text-secondary);font-size:.9rem}.info-row .value{color:var(--text);font-weight:500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@media(max-width:768px){.settings-page{padding:1rem}.add-domain-form{flex-direction:column}.add-domain-form button{width:100%;justify-content:center}.domain-header{flex-direction:column;align-items:flex-start}.domain-actions{width:100%;justify-content:flex-end}.record-row{flex-wrap:wrap}.record-row .label{width:100%}}.header-upload{margin-bottom:1.5rem}.header-preview{position:relative;width:100%;aspect-ratio:1;max-width:280px;border-radius:12px;overflow:hidden;background:var(--bg);border:2px dashed var(--border)}.header-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);gap:.5rem}.header-placeholder svg{opacity:.5}.header-upload-btn{position:absolute;bottom:.75rem;right:.75rem;padding:.5rem 1rem;background:#000000b3;color:#fff;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.header-upload-btn:hover{background:var(--primary)}.header-upload-btn.uploading{opacity:.7;cursor:wait}.avatar-upload{margin-bottom:1.5rem}.avatar-row{display:flex;align-items:center;gap:1rem}.avatar-preview{width:80px;height:80px;border-radius:50%;overflow:hidden;background:var(--bg);border:3px solid var(--border);flex-shrink:0}.avatar-preview img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;color:var(--text-secondary);background:var(--card)}.btn.disabled{opacity:.6;cursor:wait}.preview-header{width:calc(100% + 2rem);aspect-ratio:1;overflow:hidden;margin:-3rem -1rem .5rem;border-radius:0 0 12px 12px}.preview-header img{width:100%;height:100%;object-fit:cover}.preview-profile{position:relative}.preview-profile .preview-avatar,.preview-profile .preview-avatar-placeholder{border:3px solid rgba(255,255,255,.9);box-shadow:0 2px 8px #00000026}.image-cropper-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.image-cropper-modal{background:var(--card);border-radius:16px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.cropper-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.cropper-header h3{font-size:1.1rem;font-weight:600}.cropper-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s}.cropper-close:hover{background:var(--bg);color:var(--text)}.cropper-container{position:relative;width:100%;height:400px;background:#000}.cropper-controls{display:flex;align-items:center;justify-content:center;gap:2rem;padding:1rem;border-top:1px solid var(--border);background:var(--bg)}.control-group{display:flex;align-items:center;gap:.5rem}.control-group label{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary)}.control-group input[type=range]{width:120px;accent-color:var(--primary)}.rotate-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--card);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;transition:all .2s}.rotate-btn:hover{background:var(--primary);border-color:var(--primary)}.cropper-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid var(--border)}.header-preview.clickable,.avatar-preview-large.clickable{cursor:pointer}.header-preview{position:relative;width:100%;aspect-ratio:1;max-width:280px;border-radius:12px;overflow:hidden;background:var(--bg);border:2px dashed var(--border);transition:all .2s}.header-preview:hover{border-color:var(--primary)}.header-preview img{width:100%;height:100%;object-fit:cover}.header-overlay{position:absolute;inset:0;background:#0009;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:#fff;opacity:0;transition:opacity .2s}.header-preview:hover .header-overlay{opacity:1}.header-overlay span{font-size:.9rem;font-weight:500}.upload-hint{font-size:.8rem;color:var(--text-secondary)}.upload-actions{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem}.media-upload-row{display:flex;gap:1.5rem;margin-bottom:1rem}.media-upload-item{flex:1;max-width:200px}.media-upload-item .header-preview{max-width:100%;aspect-ratio:1}.btn-danger{background:var(--danger);color:#fff;border:none}.btn-danger:hover{background:#dc2626}.toggle-hint{font-size:.75rem;color:var(--text-muted);margin-top:.25rem;margin-left:1.75rem}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1rem}.media-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:var(--bg-secondary)}.media-item img{width:100%;height:100%;object-fit:cover}.media-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.media-item:hover .media-overlay{opacity:1}.media-overlay .btn-icon{background:#fff3;color:#fff}.media-overlay .btn-icon:hover{background:#ef4444}.preview-media-carousel{display:flex;gap:.5rem;overflow-x:auto;margin:.5rem -1rem;padding:.5rem 1rem;scrollbar-width:none}.preview-media-carousel::-webkit-scrollbar{display:none}.preview-media-item{flex-shrink:0;width:72px;height:72px;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #00000026}.preview-media-item img{width:100%;height:100%;object-fit:cover}.empty-state-small{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;color:var(--text-muted);background:var(--bg-secondary);border:2px dashed var(--border);border-radius:12px;margin-top:1rem}.empty-state-small svg{margin-bottom:.75rem;opacity:.5}.empty-state-small p{font-weight:600;margin-bottom:.25rem}.empty-state-small span{font-size:.875rem}.avatar-preview-large{position:relative;width:100px;height:100px;border-radius:50%;overflow:hidden;background:var(--bg);border:3px solid var(--border);flex-shrink:0;transition:all .2s}.avatar-preview-large:hover{border-color:var(--primary)}.avatar-preview-large img{width:100%;height:100%;object-fit:cover}.avatar-placeholder-large{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:600;color:var(--text-secondary);background:var(--card)}.avatar-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s}.avatar-preview-large:hover .avatar-overlay{opacity:1}.avatar-info{display:flex;flex-direction:column;gap:.25rem}.avatar-info p{color:var(--text);font-size:.95rem}@media(max-width:640px){.cropper-container{height:300px}.cropper-controls{flex-direction:column;gap:1rem}}.platform-picker{margin-bottom:1.5rem}.platform-picker h4{font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-bottom:.75rem}.platform-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:.5rem}.platform-btn{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.75rem .5rem;background:var(--bg-secondary);border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s ease}.platform-btn:hover{background:var(--bg-hover);border-color:var(--accent);transform:translateY(-2px)}.platform-btn.selected{border-color:var(--accent);background:#6366f11a;box-shadow:0 0 0 3px #6366f133}.platform-btn svg{width:24px;height:24px}.platform-btn span{font-size:.7rem;color:var(--text-muted);text-align:center;line-height:1.2}.platform-btn:hover span{color:var(--text-primary)}.platform-username-form{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;margin-bottom:1rem}.platform-username-header{display:flex;align-items:center;gap:.75rem}.platform-username-header svg{width:28px;height:28px}.platform-username-header span{font-weight:600;font-size:1rem}.platform-username-header .close-btn{margin-left:auto;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:6px}.platform-username-header .close-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.platform-username-input-group{display:flex;gap:.5rem}.platform-username-input-group input{flex:1;padding:.75rem 1rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.9375rem}.platform-username-input-group input:focus{outline:none;border-color:var(--accent)}.platform-username-input-group button{padding:.75rem 1.25rem;background:var(--accent);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background .2s}.platform-username-input-group button:hover{background:var(--accent-hover)}.platform-url-preview{font-size:.8rem;color:var(--text-muted);padding:.5rem .75rem;background:var(--bg-primary);border-radius:6px;word-break:break-all}.link-item-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:8px;background:var(--bg-secondary)}.link-item-icon svg{width:20px;height:20px}.custom-link-divider{display:flex;align-items:center;gap:1rem;margin:1rem 0;color:var(--text-muted);font-size:.875rem}.custom-link-divider:before,.custom-link-divider:after{content:"";flex:1;height:1px;background:var(--border)}.custom-link-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:transparent;border:2px dashed var(--border);border-radius:12px;color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s}.custom-link-btn:hover{border-color:var(--accent);color:var(--accent);background:#6366f10d}.platform-categories{display:flex;gap:.5rem;margin-bottom:1rem;overflow-x:auto;padding-bottom:.5rem}.platform-category-btn{padding:.5rem 1rem;background:transparent;border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);font-size:.8rem;white-space:nowrap;cursor:pointer;transition:all .2s}.platform-category-btn:hover{background:var(--bg-hover)}.platform-category-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.links-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.links-section-header h3{font-size:1rem;font-weight:600}.add-link-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.add-link-toggle:hover{background:var(--accent-hover)}.picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.picker-header h4{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.text-btn{background:none;border:none;color:var(--accent);font-size:.875rem;cursor:pointer;text-decoration:underline}.text-btn:hover{color:var(--accent-hover)}.platform-icon-wrapper{display:flex;align-items:center;justify-content:center}.platform-icon-wrapper svg{width:24px;height:24px}.platform-name{font-size:.7rem;color:var(--text-muted);margin-top:.25rem}.picker-footer{display:flex;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.add-link-form.with-platform{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1rem;margin-bottom:1rem}.selected-platform{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-primary);border-radius:8px;margin-bottom:1rem}.platform-icon-large{display:flex;align-items:center;justify-content:center}.platform-icon-large svg{width:28px;height:28px}.selected-platform span:not(.platform-icon-large){font-weight:600;flex:1}.change-btn{background:transparent;border:none;color:var(--accent);font-size:.875rem;cursor:pointer}.input-hint{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.icon-selector{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;max-height:200px;overflow-y:auto;padding:.5rem;background:var(--bg-primary);border-radius:8px}.icon-option{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:2px solid var(--border);border-radius:10px;cursor:pointer;transition:all .2s}.icon-option:hover{background:var(--bg-hover);border-color:var(--accent);transform:translateY(-2px)}.icon-option.selected{border-color:var(--accent);background:#a855f726;box-shadow:0 0 0 3px #a855f733}.icon-option svg{width:18px;height:18px}.link-icon-wrapper{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border-radius:8px;flex-shrink:0}.link-icon-wrapper svg{width:16px;height:16px}.link-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;margin-bottom:.5rem;transition:all .2s}.link-item:hover{border-color:var(--accent)}.link-item.inactive{opacity:.5}.link-drag{color:var(--text-muted);cursor:grab}.link-info{flex:1;min-width:0}.link-title{font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-url{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-actions{display:flex;gap:.25rem}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;transition:all .2s}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-icon.active{color:var(--accent)}.btn-icon.danger:hover{background:#ef44441a;color:#ef4444}.empty-state-small{text-align:center;padding:2rem;color:var(--text-muted)}.domain-setup-guide{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.domain-setup-guide h4{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.setup-steps{display:flex;flex-direction:column;gap:1rem}.setup-step{display:flex;gap:1rem}.step-number{width:28px;height:28px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0}.step-content{flex:1}.step-content strong{display:block;color:var(--text-primary);margin-bottom:.25rem}.step-content p{color:var(--text-secondary);font-size:.875rem;margin:0;line-height:1.5}.dns-preview{margin-top:.75rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;overflow:hidden}.dns-preview-row{display:flex;align-items:center;gap:1rem;padding:.6rem .75rem;border-bottom:1px solid var(--border);font-size:.8rem}.dns-preview-row:last-child{border-bottom:none}.dns-preview-row.optional{opacity:.7}.dns-preview-row .dns-type{min-width:80px;font-weight:600;color:var(--accent)}.dns-preview-row code{background:var(--bg-secondary);padding:.15rem .4rem;border-radius:4px;font-family:monospace;font-size:.75rem}.dns-preview-row .optional-label{color:var(--text-muted);font-size:.75rem;font-style:italic}.dns-note.info{margin-top:1rem;background:#6366f11a;border:1px solid rgba(99,102,241,.2)}.dns-note{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:8px;font-size:.8rem;color:var(--text-secondary)}.dns-note svg{flex-shrink:0;margin-top:2px}.links-filters{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.filter-dropdown{display:flex;align-items:center;gap:.5rem}.filter-dropdown .form-select{padding:.5rem .75rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.875rem;min-width:180px}.sort-dropdown{display:flex;align-items:center;gap:.5rem;position:relative}.dropdown-wrapper{position:relative}.dropdown-trigger{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.875rem;cursor:pointer}.dropdown-trigger:hover{border-color:var(--accent)}.dropdown-menu{position:absolute;top:100%;left:0;margin-top:4px;min-width:180px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:.5rem;z-index:100;box-shadow:0 10px 40px #00000080}.dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);font-size:.875rem;cursor:pointer;text-align:left}.dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.dropdown-item.active{background:#a855f726;color:var(--accent)}.dropdown-item svg:last-child{margin-left:auto}.bulk-actions-bar{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#a855f71a;border:1px solid var(--accent);border-radius:8px;margin-bottom:1rem}.bulk-count{font-weight:600;color:var(--accent)}.links-results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.select-all-btn{padding:.35rem .75rem;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:.8rem;cursor:pointer}.select-all-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.links-table{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;overflow:hidden}.links-table table{width:100%;border-collapse:collapse}.links-table th,.links-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border)}.links-table th{background:var(--bg-primary);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.links-table tbody tr{transition:background .2s}.links-table tbody tr:hover{background:var(--bg-hover)}.links-table tbody tr.selected{background:#a855f71a}.links-table tbody tr:last-child td{border-bottom:none}.col-checkbox{width:40px}.col-creator{width:200px}.col-tags{width:180px}.col-actions{width:120px}.col-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.creator-cell{display:flex;align-items:center;gap:.75rem}.creator-avatar{width:36px;height:36px;border-radius:50%;background:var(--bg-hover);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.creator-avatar img{width:100%;height:100%;object-fit:cover}.creator-avatar span{font-weight:600;font-size:.875rem;color:var(--text-primary)}.creator-info{display:flex;flex-direction:column;min-width:0}.creator-name{font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-slug{font-size:.75rem;color:var(--text-muted)}.link-cell{display:flex;flex-direction:column;min-width:0}.link-cell .link-title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-cell .link-url{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.clicks-cell{display:flex;align-items:center;gap:.35rem;color:var(--text-secondary);font-weight:500}.clicks-cell svg{color:var(--text-muted)}.tags-cell{display:flex;flex-wrap:wrap;gap:.35rem}.mini-tag{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.7rem;font-weight:500;color:#fff}.more-tags{font-size:.7rem;color:var(--text-muted)}.action-buttons{display:flex;gap:.25rem}.action-buttons .btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .2s}.action-buttons .btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.action-buttons .btn-icon.active{background:#a855f726;color:var(--accent)}.tag-editor-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.tag-editor-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;width:90%;max-width:500px;max-height:80vh;overflow:hidden}.tag-editor-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.tag-editor-header h3{margin:0;font-size:1rem;font-weight:600}.tag-editor-body{padding:1.25rem}.tag-editor-chips{display:flex;flex-wrap:wrap;gap:.5rem}.tag-editor-chip{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:1px solid var(--border);border-radius:999px;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s}.tag-editor-chip:hover{background:var(--bg-hover);border-color:var(--tag-color)}.tag-editor-chip.active{background:color-mix(in srgb,var(--tag-color) 20%,transparent);border-color:var(--tag-color);color:var(--text-primary)}.tag-editor-chip .tag-dot{width:10px;height:10px;border-radius:50%}.text-muted{color:var(--text-muted)}.creator-dashboard{padding:1.5rem 2rem;max-width:1600px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.dashboard-title{font-size:1.5rem;font-weight:700;margin:0}.dashboard-subtitle{color:var(--text-muted);font-size:.875rem;margin:.25rem 0 0}.pages-list{display:flex;flex-direction:column;gap:.75rem}.page-card-row{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;transition:border-color .2s}.page-card-row:hover{border-color:var(--accent)}.page-avatar-col .page-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.page-avatar-col .page-avatar-placeholder{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600;color:#fff}.page-info-col{flex:1;min-width:0}.page-info-col .page-name{font-weight:600;color:var(--text-primary);font-size:1rem}.page-info-col .page-url{color:var(--text-muted);font-size:.875rem;text-decoration:none}.page-info-col .page-url:hover{color:var(--accent)}.page-stats-col{display:flex;gap:1.5rem}.page-stats-col .stat-item{display:flex;align-items:center;gap:.4rem;color:var(--text-muted)}.page-stats-col .stat-item svg{opacity:.7}.page-stats-col .stat-value{font-weight:600;color:var(--text-primary)}.page-stats-col .stat-label{font-size:.8rem}.page-actions-col{display:flex;gap:.5rem}.url-input-group{display:flex;align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;overflow:hidden}.url-prefix{padding:.75rem .5rem .75rem 1rem;color:var(--text-muted);font-size:.875rem;background:var(--bg-primary);border-right:1px solid var(--border)}.url-input{border:none!important;border-radius:0!important;background:transparent!important}.form-hint{font-size:.75rem;color:var(--text-muted);margin-top:.5rem}@media(max-width:768px){.page-card-row{flex-wrap:wrap}.page-stats-col{width:100%;justify-content:flex-start;margin-top:.5rem}.page-actions-col{width:100%;justify-content:flex-end}}.page-subtitle{color:var(--text-muted);font-size:.9rem;margin:.25rem 0 0}.creator-url{color:var(--text-muted);font-size:.875rem;text-decoration:none}.creator-url:hover{color:var(--accent)}.creator-stats-row{display:flex;gap:2rem;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;margin-bottom:1rem}.creator-stat{display:flex;align-items:center;gap:.75rem;color:var(--text-muted)}.creator-stat svg{opacity:.7}.creator-stat .stat-info{display:flex;flex-direction:column}.creator-stat .stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1}.creator-stat .stat-label{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.creator-info-box{padding:1rem;background:var(--bg-hover);border-radius:8px;font-size:.875rem;color:var(--text-secondary)}.creator-info-box a{color:var(--accent)}@media(max-width:768px){.creator-stats-row{flex-wrap:wrap;gap:1rem}.creator-stat{min-width:120px}}.creator-filters{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1rem;margin-bottom:1rem}.creator-search{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;margin-bottom:1rem}.creator-search svg{color:var(--text-muted);flex-shrink:0}.creator-search input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.9375rem;outline:none}.creator-search input::placeholder{color:var(--text-muted)}.creator-filter-section{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-start}.creator-chips{display:flex;flex-wrap:wrap;gap:.5rem;flex:1}.creator-chip{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem .4rem .4rem;background:transparent;border:1px solid var(--border);border-radius:999px;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s}.creator-chip:hover{background:var(--bg-hover);border-color:var(--creator-color)}.creator-chip.active{background:color-mix(in srgb,var(--creator-color) 15%,transparent);border-color:var(--creator-color);color:var(--text-primary)}.chip-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.chip-avatar-placeholder{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:#fff}.chip-name{font-weight:500}.chip-slug{color:var(--text-muted);font-size:.75rem}.chip-check{color:var(--creator-color);margin-left:.25rem}.creator-results{font-size:.875rem;color:var(--text-muted);margin-bottom:1rem}.creator-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.creator-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color .2s,transform .2s}.creator-card:hover{border-color:var(--creator-color);transform:translateY(-2px)}.creator-card-header{display:flex;align-items:center;gap:.75rem;padding:1rem;position:relative}.creator-color-bar{position:absolute;top:0;left:0;right:0;height:3px}.creator-card .creator-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}.creator-card .creator-avatar.placeholder{display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600;color:#fff}.creator-card .creator-info{flex:1;min-width:0}.creator-card .creator-name{font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-card .creator-slug{font-size:.8rem;color:var(--text-muted)}.creator-stats{display:flex;justify-content:space-around;padding:.75rem 1rem;background:var(--bg-primary);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.creator-stats .stat{display:flex;flex-direction:column;align-items:center;gap:.15rem}.creator-stats .stat-value{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.creator-stats .stat-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.creator-actions{display:flex;gap:.5rem;padding:1rem}.creator-actions .btn{flex:1}.creator-actions .btn:not(:first-child){flex:0}.creator-tabs{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:.75rem;margin-bottom:1rem;overflow-x:auto}.creator-tabs-list{display:flex;gap:.5rem;flex-wrap:wrap}.creator-tab{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s;white-space:nowrap}.creator-tab:hover{border-color:var(--creator-color);background:var(--bg-hover)}.creator-tab.active{border-color:var(--creator-color);background:color-mix(in srgb,var(--creator-color) 15%,transparent);color:var(--text-primary)}.creator-tab.add-tab{border-style:dashed;color:var(--accent)}.creator-tab.add-tab:hover{border-color:var(--accent);background:#a855f71a}.tab-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.tab-avatar-placeholder{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#fff}.tab-name{font-weight:500}.tab-slug{color:var(--text-muted);font-size:.75rem}.tab-actions{display:flex;gap:.25rem;margin-left:.5rem;padding-left:.5rem;border-left:1px solid var(--border)}.tab-action{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:transparent;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;transition:all .2s;text-decoration:none}.tab-action:hover{background:var(--bg-hover);color:var(--text-primary)}.tab-action.danger:hover{background:#ef444426;color:#ef4444}.creator-links-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;overflow:hidden}.links-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.links-header-info h2{margin:0;font-size:1.25rem;font-weight:600}.links-count{font-size:.875rem;color:var(--text-muted)}.links-header-actions{display:flex;gap:.5rem}.link-delete{background:transparent;border:none;color:var(--text-muted);padding:.5rem;border-radius:4px;opacity:0;transition:all .2s;cursor:pointer}.link-row:hover .link-delete{opacity:1}.link-delete:hover{color:var(--danger);background:#ef44441a}.link-stats{display:flex;gap:1.5rem}.link-stat{display:flex;align-items:center;gap:.4rem;color:var(--text-muted)}.link-stat .stat-value{font-size:.9rem;font-weight:500;color:var(--text-secondary)}.link-actions{display:flex;gap:.5rem;margin-left:auto}.tag-badge{display:inline-flex;align-items:center;padding:.15rem .45rem;border-radius:4px;font-size:.6rem;font-weight:600;color:#fff;white-space:nowrap;border:none;text-transform:uppercase;letter-spacing:.03em}.tag-badge.tag-small{padding:.1rem .35rem;font-size:.55rem;margin-bottom:.2rem}.tag-badge.tag-clickable{cursor:pointer;transition:all .15s ease;opacity:.6}.tag-badge.tag-clickable:hover,.tag-badge.tag-clickable.active{opacity:1}.tag-badge.tag-filter-clear{background:var(--bg-hover);color:var(--text-muted);cursor:pointer;font-size:.55rem}.tag-badge.tag-filter-clear:hover{background:var(--border)}.creator-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.4rem}.tag-selector{display:flex;flex-wrap:wrap;gap:.4rem}.tag-option{padding:.3rem .6rem;border-radius:4px;font-size:.7rem;font-weight:500;border:1px solid;cursor:pointer;transition:all .15s ease;text-transform:uppercase;letter-spacing:.02em}.tag-option:hover{transform:translateY(-1px)}.tag-option.selected{box-shadow:0 2px 8px #0000004d}.tag-option.tag-add{border-color:var(--border);color:var(--text-muted);background:transparent;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border-radius:4px}.tag-option.tag-add:hover{border-color:var(--accent);color:var(--accent)}.tag-add-input{display:flex;gap:.25rem}.tag-add-input input{width:80px;padding:.3rem .5rem;border:1px solid var(--border);border-radius:4px;background:var(--bg-secondary);color:var(--text-primary);font-size:.7rem}.tag-add-input button{padding:.3rem;border:none;border-radius:4px;background:var(--accent);color:#fff;cursor:pointer;display:flex;align-items:center}.slug-preview{padding:.75rem 1rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);font-family:monospace}.links-list-table{overflow-x:auto}.links-list-table table{width:100%;border-collapse:collapse}.links-list-table th,.links-list-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border)}.links-list-table th{background:var(--bg-primary);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.links-list-table tbody tr{transition:background .2s}.links-list-table tbody tr:hover{background:var(--bg-hover)}.links-list-table tbody tr.inactive{opacity:.5}.links-list-table tbody tr:last-child td{border-bottom:none}.col-drag{width:40px;color:var(--text-muted);cursor:grab}.col-status{width:50px}.col-clicks{width:100px}.col-actions{width:80px}.status-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .2s}.status-toggle:hover{background:var(--bg-hover)}.status-toggle.active{border-color:var(--success);color:var(--success);background:#22c55e1a}.link-info-cell{display:flex;align-items:center;gap:.75rem}.link-platform-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-primary);border-radius:8px;flex-shrink:0}.link-info-cell .link-title{font-weight:500;color:var(--text-primary)}.link-info-cell .link-url{font-size:.75rem;color:var(--text-muted);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clicks-display{display:flex;align-items:center;gap:.35rem;color:var(--text-secondary);font-weight:500}.clicks-display svg{color:var(--text-muted)}.link-actions-cell{display:flex;gap:.25rem}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .2s;text-decoration:none}.action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.action-btn.danger:hover{background:#ef444426;color:#ef4444}.modal.modal-lg{max-width:600px}.platform-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem;margin-bottom:1rem}.platform-btn{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.75rem .5rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:all .2s}.platform-btn:hover{border-color:var(--accent);background:var(--bg-hover);color:var(--text-primary)}.platform-btn span:first-child{font-size:1.25rem}.platform-divider{display:flex;align-items:center;gap:1rem;margin:1rem 0;color:var(--text-muted);font-size:.8rem}.platform-divider:before,.platform-divider:after{content:"";flex:1;height:1px;background:var(--border)}.btn-block{width:100%;justify-content:center}.selected-platform-display{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;margin-bottom:1rem}.selected-platform-display span:first-child{font-size:1.5rem}.selected-platform-display span:nth-child(2){flex:1;font-weight:500}.change-btn{background:transparent;border:none;color:var(--accent);cursor:pointer;font-size:.8rem}.change-btn:hover{text-decoration:underline}.loading-small{display:flex;justify-content:center;padding:3rem}.slug-input-wrapper{display:flex;align-items:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;overflow:hidden}.slug-prefix{padding:.75rem .5rem .75rem 1rem;color:var(--text-muted);background:var(--bg-secondary);font-size:.9rem;white-space:nowrap}.slug-input{border:none!important;border-radius:0!important;padding-left:.5rem!important}.links-list-simple{padding:.5rem}.link-row{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;transition:background .2s}.link-row:hover{background:var(--bg-hover)}.link-row.inactive{opacity:.5}.link-row.add-row{color:var(--accent);cursor:pointer;border:1px dashed var(--border);text-decoration:none;margin-top:.5rem}.link-row.add-row:hover{border-color:var(--accent);background:#a855f71a}.link-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-primary);border-radius:8px;flex-shrink:0;color:var(--text-muted)}.link-icon-cell{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0}.link-icon-cell svg{width:24px;height:24px}.link-tag-cell{flex-shrink:0;min-width:100px}.link-handle-cell{flex:1;min-width:200px;font-family:monospace;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.link-handle-cell .handle-prefix{color:var(--text-muted)}.link-handle-cell .handle-value{color:var(--text-primary);font-weight:500}.link-handle-cell .copy-btn{padding:.25rem;background:transparent;border:none;color:var(--text-muted);cursor:pointer;opacity:0;transition:opacity .2s,color .2s;flex-shrink:0}.link-handle-cell:hover .copy-btn{opacity:1}.link-handle-cell .copy-btn:hover{color:var(--accent)}.link-notes-cell{flex:1;min-width:150px;max-width:300px;cursor:pointer}.link-notes-cell:hover{background:var(--bg-hover);border-radius:4px}.link-notes-cell .notes-text{color:var(--text-secondary);font-size:.875rem}.link-notes-cell .notes-empty{color:var(--text-muted);font-size:.8rem;opacity:.6}.link-notes-cell:hover .notes-empty{opacity:1;color:var(--accent)}.link-notes-cell .notes-input{width:100%;padding:.25rem .5rem;font-size:.875rem;background:var(--bg-primary);border:1px solid var(--accent);border-radius:4px;color:var(--text-primary);outline:none}.link-account-cell{flex:0 0 140px;cursor:pointer;padding:.25rem}.link-account-cell:hover{background:var(--bg-hover);border-radius:4px}.link-account-cell .account-text{color:var(--text-secondary);font-size:.875rem}.link-account-cell .account-empty{color:var(--text-muted);font-size:.8rem;opacity:.6}.link-account-cell:hover .account-empty{opacity:1;color:var(--accent)}.link-account-cell .account-input{width:100%;padding:.25rem .5rem;font-size:.875rem;background:var(--bg-primary);border:1px solid var(--accent);border-radius:4px;color:var(--text-primary);outline:none}.link-status-cell{flex:0 0 80px;cursor:pointer}.status-badge{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-badge.status-active{background:#22c55e33;color:#22c55e}.status-badge.status-paused{background:#eab30833;color:#eab308}.status-badge.status-inactive{background:#6b728033;color:#6b7280}.link-custom-icon{width:32px;height:32px;border-radius:6px;object-fit:cover}.icon-upload-row{display:flex;align-items:center;gap:1rem}.icon-upload-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-hover);border:1px dashed var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.icon-upload-btn:hover{border-color:var(--accent);color:var(--accent)}.icon-preview-box{position:relative;width:48px;height:48px;border-radius:8px;overflow:hidden;cursor:pointer}.icon-preview-box img{width:100%;height:100%;object-fit:cover}.icon-preview-box .icon-remove{position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:var(--danger);border:none;border-radius:50%;color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.icon-auto-hint{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.8rem}.link-details{flex:1;min-width:0}.link-details .link-title{font-weight:500;color:var(--text-primary)}.link-details .link-url{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-clicks{display:flex;align-items:center;gap:.35rem;color:var(--text-muted);font-size:.875rem}.link-badge-inactive{font-size:.7rem;padding:.2rem .5rem;background:#ef444426;color:#ef4444;border-radius:4px}.link-style-options{display:flex;gap:.75rem}.link-style-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--bg-hover);border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s}.link-style-option:hover{border-color:var(--text-muted)}.link-style-option.active{border-color:var(--accent);background:#a855f71a}.link-style-option span:last-child{font-size:.75rem;color:var(--text-secondary)}.style-preview{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.5rem;background:var(--bg);border-radius:8px;min-height:36px}.preview-icon{color:var(--accent);font-size:1.25rem}.preview-text{font-size:.85rem;color:var(--text)}.icon-only-preview{justify-content:center}.icon-only-preview .preview-icon{font-size:1.5rem}.preview-links.icon-only-layout{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.5rem}.preview-link-icon-only{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.preview-link-icon-only:hover{transform:scale(1.1)}.preview-link-icon-only svg{width:18px;height:18px}.gradient-icon{background:linear-gradient(135deg,#ec4899,#8b5cf6,#3b82f6,#8b5cf6,#ec4899);background-size:200% 200%;-webkit-background-clip:text;background-clip:text}.gradient-icon svg{stroke:url(#icon-gradient)}.agency-dashboard{padding:2rem 0}.agency-dashboard .container{max-width:1400px}.agency-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.agency-header h1{font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.agency-header .text-muted{color:var(--text-muted);font-size:.875rem}.header-actions{display:flex;gap:.75rem;align-items:center}.period-select{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:.5rem 1rem;color:var(--text-primary);font-size:.875rem;cursor:pointer}.period-select:focus{outline:none;border-color:var(--accent)}.agency-dashboard .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}@media(max-width:1024px){.agency-dashboard .stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.agency-dashboard .stats-grid{grid-template-columns:1fr}}.agency-dashboard .stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem;display:flex;gap:1rem;align-items:flex-start}.agency-dashboard .stat-card.shield-card{background:linear-gradient(135deg,#22c55e1a,#10b9811a);border-color:#22c55e4d}.agency-dashboard .stat-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--accent),#6366f1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.agency-dashboard .stat-icon svg{color:#fff;width:20px;height:20px}.agency-dashboard .shield-card .stat-icon{background:linear-gradient(135deg,var(--success),#10b981)}.agency-dashboard .stat-content{flex:1}.agency-dashboard .stat-value{font-size:1.5rem;font-weight:700;line-height:1.2}.agency-dashboard .stat-label{font-size:.875rem;color:var(--text-secondary);margin-top:.125rem}.agency-dashboard .stat-change{font-size:.75rem;color:var(--success);margin-top:.25rem}.agency-dashboard .section{margin-bottom:2rem}.agency-dashboard .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.agency-dashboard .section-title{font-size:1.125rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.agency-dashboard .section-title svg{color:var(--accent)}.top-pages-list{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.top-page-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border);transition:background .2s}.top-page-item:last-child{border-bottom:none}.top-page-item:hover{background:var(--bg-hover)}.top-page-item .rank{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--accent),#6366f1);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#fff}.top-page-item .page-info{flex:1;min-width:0}.top-page-item .page-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-page-item .page-slug{font-size:.75rem;color:var(--text-muted)}.top-page-item .page-stats{display:flex;gap:1rem}.top-page-item .page-stats span{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:var(--text-secondary)}.top-page-item .view-btn{width:32px;height:32px;border-radius:8px;background:var(--bg-hover);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s}.top-page-item .view-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}.pages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.page-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem;transition:all .2s}.page-card:hover{border-color:var(--accent)}.page-card-header{display:flex;gap:.75rem;margin-bottom:1rem}.page-card .page-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.page-card .page-avatar-placeholder{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#6366f1);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600;color:#fff}.page-card-info{flex:1;min-width:0}.page-card-info h3{font-size:1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-card-info .page-slug{font-size:.75rem;color:var(--text-muted)}.page-card-info .client-badge{display:inline-block;font-size:.625rem;padding:.125rem .5rem;background:#a855f733;color:var(--accent);border-radius:4px;margin-top:.25rem}.page-card-stats{display:flex;gap:1rem;margin-bottom:1rem;padding:.75rem;background:var(--bg-secondary);border-radius:8px}.page-card-stats .mini-stat{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--text-secondary)}.page-card-stats .mini-stat svg{width:14px;height:14px}.page-card-stats .mini-stat.today{color:var(--success)}.page-card-actions{display:flex;gap:.5rem}.page-card-actions .btn{flex:1}.add-client-form{display:flex;gap:.75rem;margin-bottom:1rem;padding:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px}.add-client-form .form-input{flex:1}.clients-list{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.client-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.client-item:last-child{border-bottom:none}.client-info{display:flex;align-items:center;gap:.75rem}.client-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#6366f1);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff}.client-name{font-weight:500}.client-pages{font-size:.75rem;color:var(--text-muted)}.btn-icon{width:36px;height:36px;border-radius:8px;border:1px solid var(--border);background:var(--bg-hover);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all .2s}.btn-icon:hover{background:var(--border)}.btn-icon.danger:hover{background:#ef444433;border-color:var(--danger);color:var(--danger)}.empty-clients{text-align:center;padding:3rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px}.empty-clients svg{color:var(--text-muted);margin-bottom:1rem}.empty-clients p{font-weight:500;margin-bottom:.25rem}.empty-clients span{font-size:.875rem;color:var(--text-muted)}.geo-list{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.geo-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--border)}.geo-item:last-child{border-bottom:none}.geo-rank{width:24px;font-size:.75rem;color:var(--text-muted)}.geo-country{flex:1;font-weight:500}.geo-count{font-size:.875rem;color:var(--text-secondary)}.upgrade-prompt{text-align:center;padding:4rem 2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;max-width:500px;margin:2rem auto}.upgrade-prompt svg{color:var(--warning);margin-bottom:1.5rem}.upgrade-prompt h2{font-size:1.5rem;margin-bottom:.75rem}.upgrade-prompt p{color:var(--text-secondary);margin-bottom:1.5rem}@media(max-width:768px){.agency-header{flex-direction:column;gap:1rem}.header-actions{width:100%}.period-select{flex:1}.add-client-form{flex-direction:column}.pages-grid{grid-template-columns:1fr}.top-page-item .page-stats{display:none}}.team-dashboard{padding:2rem 0}.team-dashboard .container{max-width:800px}.team-header{margin-bottom:2rem}.team-header h1{font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.team-header .text-muted{color:var(--text-muted);font-size:.875rem}.team-invite-card{display:flex;gap:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#a855f71a,#6366f11a);border:1px solid rgba(168,85,247,.3);border-radius:16px;margin-bottom:2rem}.invite-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,var(--accent),#6366f1);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.invite-content{flex:1}.invite-content h3{font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.invite-content>p{font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem}.invite-form{display:flex;gap:.75rem}.invite-input-wrap{flex:1;position:relative;display:flex;align-items:center}.invite-input-wrap svg{position:absolute;left:1rem;color:var(--text-muted)}.invite-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:.875rem}.invite-input:focus{outline:none;border-color:var(--accent)}.invite-input::placeholder{color:var(--text-muted)}.team-section{margin-bottom:2rem}.team-section .section-title{font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:var(--text-secondary)}.team-section .section-title svg{color:var(--accent)}.team-list{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.team-member{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border);transition:background .2s}.team-member:last-child{border-bottom:none}.team-member:hover{background:var(--bg-hover)}.member-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#6366f1);display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:600;color:#fff;flex-shrink:0}.member-info{flex:1;min-width:0}.member-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-email{font-size:.75rem;color:var(--text-muted)}.member-role{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#22c55e26;color:var(--success);border-radius:6px;font-size:.75rem;font-weight:500}.team-empty{text-align:center;padding:3rem 2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px}.team-empty svg{color:var(--text-muted);margin-bottom:1rem}.team-empty h3{font-size:1.125rem;margin-bottom:.5rem}.team-empty p{font-size:.875rem;color:var(--text-muted)}.team-info{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.team-info h3{font-size:.875rem;font-weight:600;margin-bottom:.75rem;color:var(--text-secondary)}.team-info ul{list-style:none;margin-bottom:1rem}.team-info li{display:flex;align-items:center;gap:.5rem;padding:.375rem 0;font-size:.875rem;color:var(--text-primary)}.team-info li svg{color:var(--success)}.team-info .info-note{font-size:.75rem;color:var(--text-muted);padding-top:.75rem;border-top:1px solid var(--border)}@media(max-width:640px){.team-invite-card{flex-direction:column;align-items:flex-start}.invite-form{flex-direction:column}.member-role{display:none}}.pricing-page{min-height:100vh;background:var(--bg-primary);padding:3rem 1.5rem;max-width:1400px;margin:0 auto}.pricing-back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s;margin-bottom:2rem}.pricing-back-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-muted)}.pricing-header{text-align:center;margin-bottom:3rem}.pricing-title{font-size:2.5rem;font-weight:700;margin-bottom:.75rem;background:linear-gradient(135deg,#fff,#aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.pricing-subtitle{color:var(--text-secondary);font-size:1.125rem;margin-bottom:2rem}.billing-toggle{display:inline-flex;align-items:center;gap:1rem;background:var(--bg-secondary);padding:.5rem 1rem;border-radius:999px;border:1px solid var(--border)}.billing-toggle span{font-size:.875rem;color:var(--text-muted);transition:color .2s}.billing-toggle span.active{color:var(--text-primary);font-weight:600}.toggle-switch{position:relative;width:50px;height:26px;background:var(--bg-hover);border:1px solid var(--border);border-radius:999px;cursor:pointer;transition:all .2s}.toggle-switch.yearly{background:var(--accent);border-color:var(--accent)}.toggle-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s}.toggle-switch.yearly .toggle-knob{transform:translate(24px)}.save-badge{background:var(--accent);color:#fff;font-size:.6875rem;font-weight:600;padding:.125rem .375rem;border-radius:4px;margin-left:.25rem}.comparison-banner{background:linear-gradient(135deg,#e85a241a,#a855f71a);border:1px solid var(--border);border-radius:16px;padding:1.5rem 2rem;margin-bottom:3rem;text-align:center}.comparison-content h3{font-size:1.25rem;margin-bottom:1rem;color:var(--accent)}.comparison-grid{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.comparison-item{display:flex;flex-direction:column;gap:.25rem}.comparison-item.ours{padding:.5rem 1rem;background:var(--accent);border-radius:8px}.comparison-item.ours .comp-name,.comparison-item.ours .comp-price{color:#fff}.comp-name{font-size:.875rem;color:var(--text-secondary)}.comp-price{font-size:1rem;font-weight:600;color:var(--text-primary)}.comparison-item:not(.ours) .comp-price{text-decoration:line-through;opacity:.6}.pricing-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:4rem}@media(max-width:1200px){.pricing-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.pricing-grid{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}}.pricing-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;position:relative;transition:all .2s}.pricing-card:hover{border-color:var(--text-muted);transform:translateY(-2px)}.pricing-card.popular{border-color:var(--accent);box-shadow:0 0 30px #e85a2433}.pricing-card.current{border-color:var(--success)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:999px}.pricing-card-header{text-align:center;margin-bottom:1.25rem}.pricing-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem}.pricing-plan-name{font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.pricing-description{font-size:.8125rem;color:var(--text-muted)}.pricing-price-section{text-align:center;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.pricing-price{display:flex;align-items:baseline;justify-content:center;gap:.125rem}.price-currency{font-size:1.25rem;font-weight:600;color:var(--text-secondary)}.price-amount{font-size:2.5rem;font-weight:700;line-height:1}.price-interval{font-size:.875rem;color:var(--text-muted)}.pricing-yearly-info{display:flex;justify-content:center;gap:.75rem;margin-top:.5rem;font-size:.75rem}.yearly-total{color:var(--text-muted)}.yearly-savings{color:var(--success);font-weight:600}.pricing-limits{display:flex;justify-content:space-around;margin-bottom:1.25rem;padding:.75rem;background:var(--bg-primary);border-radius:8px}.limit-item{display:flex;flex-direction:column;align-items:center;gap:.125rem}.limit-value{font-size:1.125rem;font-weight:700;color:var(--text-primary)}.limit-label{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.pricing-cta{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-hover);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:1.25rem}.pricing-cta:hover{background:var(--plan-color);border-color:var(--plan-color);color:#fff}.pricing-cta.primary{background:var(--accent);border-color:var(--accent);color:#fff}.pricing-cta.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.pricing-cta.current{background:var(--bg-secondary);cursor:default;opacity:.7}.pricing-features{list-style:none;margin:0;padding:0;flex:1}.feature-item{display:flex;align-items:center;gap:.5rem;padding:.375rem 0;font-size:.8125rem;color:var(--text-primary)}.feature-item.disabled{color:var(--text-muted);opacity:.5}.feature-item.negative{color:var(--text-muted)}.feature-icon{flex-shrink:0}.feature-icon.included{color:var(--success)}.feature-icon.excluded{color:var(--text-muted)}.pricing-faq{margin-bottom:4rem}.pricing-faq h2{text-align:center;font-size:1.5rem;margin-bottom:2rem}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media(max-width:768px){.faq-grid{grid-template-columns:1fr}}.faq-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.faq-item h4{font-size:.9375rem;font-weight:600;margin-bottom:.5rem}.faq-item p{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.pricing-cta-section{text-align:center;padding:3rem;background:linear-gradient(135deg,#e85a241a,#e85a240d);border:1px solid var(--border);border-radius:24px}.pricing-cta-section h2{font-size:1.75rem;margin-bottom:.5rem}.pricing-cta-section p{color:var(--text-secondary);margin-bottom:1.5rem}.btn-lg{padding:1rem 2.5rem;font-size:1rem}.landing-page{min-height:100vh;background:var(--bg-primary);overflow-x:hidden;width:100%}.landing-page *{box-sizing:border-box}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 2rem;background:#0a0a0acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05)}.landing-nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.landing-logo{display:flex;align-items:center;gap:.5rem;cursor:pointer}.landing-logo .logo-get{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.landing-logo .logo-crispy{font-size:1.5rem;font-weight:700;color:var(--accent)}.landing-nav-links{display:flex;align-items:center;gap:1.5rem}.landing-nav-links a{color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:color .2s}.landing-nav-links a:hover{color:var(--text-primary)}.landing-hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8rem 2rem 4rem;max-width:1400px;margin:0 auto;gap:3rem;text-align:center}.hero-bg-gradient{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:100%;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(232,90,36,.12) 0%,transparent 50%);pointer-events:none}.hero-content{position:relative;z-index:1;max-width:800px}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#e85a2426;border:1px solid rgba(232,90,36,.3);border-radius:100px;font-size:.85rem;color:var(--accent);margin-bottom:1.5rem}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.1;margin-bottom:1.5rem}.gradient-text{background:linear-gradient(135deg,var(--accent) 0%,#f59e0b 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto 2rem;line-height:1.7}.hero-cta{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem}.btn-xl{padding:1.25rem 2.5rem;font-size:1.1rem}.hero-stats{display:flex;align-items:center;justify-content:center;gap:2rem}.stat-item{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.stat-label{font-size:.85rem;color:var(--text-muted)}.stat-divider{width:1px;height:40px;background:var(--border)}.hero-visual{position:relative}.phone-mockup{width:260px;height:520px;background:linear-gradient(145deg,#1a1a1a,#0a0a0a);border-radius:36px;padding:10px;box-shadow:0 50px 100px #0006,0 0 0 1px #ffffff14,inset 0 1px #ffffff0d;position:relative}.phone-mockup:before{content:"";position:absolute;top:20px;left:50%;transform:translate(-50%);width:80px;height:24px;background:#000;border-radius:20px}.phone-screen{width:100%;height:100%;background:linear-gradient(180deg,#1a1a1a,#0f0f0f);border-radius:32px;padding:3rem 1.5rem 2rem;overflow:hidden}.mock-profile{text-align:center;margin-bottom:2rem}.mock-avatar{width:80px;height:80px;background:linear-gradient(135deg,var(--accent) 0%,#f59e0b 100%);border-radius:50%;margin:0 auto 1rem}.mock-name{font-weight:600;font-size:1.1rem;margin-bottom:.25rem}.mock-bio{font-size:.8rem;color:var(--text-muted)}.mock-links{display:flex;flex-direction:column;gap:.75rem}.mock-link{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:.9rem;color:var(--text-primary);transition:all .2s}.mock-link.featured{background:linear-gradient(135deg,var(--accent) 0%,#f59e0b 100%);border:none;font-weight:600}.landing-problem{padding:6rem 2rem;background:linear-gradient(180deg,var(--bg-primary) 0%,#0f0f0f 100%);overflow:hidden}.problem-content{max-width:1000px;margin:0 auto;text-align:center}.problem-content h2{font-size:2rem;margin-bottom:3rem}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:2rem}.problem-item{padding:2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;text-align:center}.problem-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:16px;margin:0 auto 1rem}.problem-icon.bad{background:#ef444426;color:#ef4444}.problem-item h3{font-size:1.1rem;margin-bottom:.5rem}.problem-item p{font-size:.9rem;color:var(--text-secondary)}.solution-arrow{color:var(--accent);margin:2rem 0;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0) rotate(90deg)}50%{transform:translateY(10px) rotate(90deg)}}.solution-box{padding:2.5rem;background:linear-gradient(135deg,#e85a241a,#f59e0b1a);border:1px solid rgba(232,90,36,.3);border-radius:20px;max-width:600px;margin:0 auto}.solution-icon{margin-bottom:1rem}.solution-box h3{font-size:1.3rem;margin-bottom:.5rem;color:var(--accent)}.solution-box p{color:var(--text-secondary)}.landing-features{padding:6rem 2rem}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:2.5rem;margin-bottom:.5rem}.section-header p{color:var(--text-secondary);font-size:1.1rem}.section-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem;background:#e85a2426;border-radius:100px;font-size:.8rem;color:var(--accent);margin-bottom:1rem}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto}.feature-card{padding:2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;transition:all .3s}.feature-card:hover{border-color:var(--accent);transform:translateY(-4px)}.feature-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:14px;margin-bottom:1.25rem}.feature-card h3{font-size:1.2rem;margin-bottom:.5rem}.feature-card p{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.landing-deeplink{padding:6rem 2rem;background:var(--bg-secondary)}.deeplink-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:4rem}.deeplink-text{flex:1}.deeplink-text h2{font-size:2.5rem;margin-bottom:1rem}.deeplink-text>p{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.deeplink-problems{list-style:none;margin-bottom:1.5rem}.deeplink-problems li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:#ef4444}.deeplink-problems li svg{color:#ef4444}.deeplink-solution{padding:1.5rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:12px;color:var(--text-primary)!important}.deeplink-solution strong{color:#22c55e}.deeplink-visual{flex:0 0 400px}.comparison-phones{display:flex;gap:1.5rem}.comp-phone{flex:1}.comp-label{text-align:center;font-size:.85rem;color:var(--text-muted);margin-bottom:.75rem}.comp-screen{background:#1a1a1a;border-radius:20px;overflow:hidden;height:200px}.inapp-bar,.safari-bar{padding:.75rem;font-size:.75rem;text-align:center}.inapp-bar{background:#333;color:#888}.safari-bar{background:linear-gradient(135deg,var(--accent) 0%,#f59e0b 100%);color:#fff;font-weight:600}.inapp-content,.safari-content{display:flex;align-items:center;justify-content:center;height:calc(100% - 40px);padding:1rem}.inapp-login{color:#ef4444;font-size:.9rem}.safari-logged{color:#22c55e;font-size:.9rem;font-weight:600}.landing-comparison{padding:6rem 2rem}.why-getcrispy{max-width:1000px;margin:0 auto 4rem}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.why-item{padding:2rem 1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;text-align:center;transition:all .3s}.why-item:hover{border-color:var(--accent);transform:translateY(-4px)}.why-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#e85a2426;color:var(--accent);border-radius:16px;margin:0 auto 1rem}.why-item h3{font-size:1.1rem;margin-bottom:.5rem}.why-item p{font-size:.9rem;color:var(--text-secondary);line-height:1.5}.pricing-preview{text-align:center}.pricing-preview h3{font-size:1.5rem;margin-bottom:2rem}.plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1000px;margin:0 auto 2rem}.plan-card{padding:1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;text-align:center;position:relative}.plan-card.popular{border-color:var(--accent);background:linear-gradient(135deg,rgba(232,90,36,.1) 0%,transparent 100%)}.popular-tag{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;font-size:.7rem;font-weight:600;padding:.25rem .75rem;border-radius:100px}.plan-card h4{font-size:1.1rem;margin-bottom:.5rem}.plan-price{margin-bottom:1rem}.plan-price .currency{font-size:1rem;color:var(--text-muted)}.plan-price .amount{font-size:2rem;font-weight:700}.plan-price .interval{font-size:.85rem;color:var(--text-muted)}.plan-features{list-style:none;text-align:left}.plan-features li{display:flex;align-items:center;gap:.5rem;padding:.35rem 0;font-size:.85rem;color:var(--text-secondary)}.plan-features li svg{color:#22c55e;flex-shrink:0}.landing-testimonials{padding:6rem 2rem;background:var(--bg-secondary)}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1100px;margin:0 auto}.testimonial-card{padding:2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;text-align:center}.testimonial-avatar{font-size:3rem;margin-bottom:1rem}.testimonial-text{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;font-style:italic}.testimonial-author{display:flex;flex-direction:column}.author-name{font-weight:600}.author-role{font-size:.85rem;color:var(--text-muted)}.landing-cta{padding:8rem 2rem;text-align:center;background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}.cta-content h2{font-size:2.5rem;margin-bottom:1rem}.cta-content p{font-size:1.2rem;color:var(--text-secondary);margin-bottom:2rem}.cta-content .btn{margin-bottom:1rem}.cta-note{display:block;font-size:.85rem;color:var(--text-muted)}.landing-footer{padding:4rem 2rem 2rem;border-top:1px solid var(--border)}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;gap:4rem;margin-bottom:3rem}.footer-brand{max-width:300px}.footer-brand .landing-logo{margin-bottom:1rem}.footer-brand p{color:var(--text-muted);font-size:.9rem}.footer-links{display:flex;gap:4rem}.footer-col h4{font-size:.85rem;color:var(--text-muted);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.footer-col a{display:block;color:var(--text-secondary);font-size:.9rem;padding:.35rem 0;transition:color .2s}.footer-col a:hover{color:var(--text-primary)}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:2rem;border-top:1px solid var(--border);text-align:center}.footer-bottom p{font-size:.85rem;color:var(--text-muted)}@media(max-width:1024px){.landing-hero{padding:6rem 1.5rem 3rem;gap:2rem}.phone-mockup{width:200px;height:400px}.problem-grid{grid-template-columns:1fr;gap:1rem}.features-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.deeplink-content{flex-direction:column;text-align:center}.deeplink-visual{flex:none;width:100%;max-width:350px}.deeplink-problems{display:inline-block;text-align:left}.why-grid,.plans-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.testimonials-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;text-align:center}.footer-links{justify-content:center}}@media(max-width:640px){.landing-nav{padding:.75rem 1rem}.landing-nav-inner{gap:.5rem}.landing-nav-links a:not(.btn){display:none}.landing-nav-links .btn{padding:.5rem .75rem;font-size:.8rem}.landing-nav-links .btn-ghost{display:none}.landing-logo svg{width:28px;height:28px}.landing-logo .logo-get,.landing-logo .logo-crispy{font-size:1.1rem}.landing-hero{padding:5rem 1rem 2rem;min-height:auto;gap:1.5rem}.hero-badge{padding:.4rem .75rem;font-size:.75rem}.hero-title{font-size:1.75rem;line-height:1.2}.hero-subtitle{font-size:1rem;padding:0 .5rem}.hero-cta{flex-direction:column;width:100%;gap:.75rem;margin-bottom:2rem}.hero-cta .btn{width:100%;justify-content:center;padding:.875rem 1.5rem}.hero-stats{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1.5rem 2rem}.stat-divider{display:none}.stat-value{font-size:1.25rem}.stat-label{font-size:.75rem}.phone-mockup{width:180px;height:360px;border-radius:28px;padding:8px}.phone-mockup:before{width:60px;height:18px;top:14px}.phone-screen{border-radius:22px;padding:2rem 1rem 1.5rem}.mock-avatar{width:50px;height:50px}.mock-name{font-size:.9rem}.mock-bio{font-size:.7rem}.mock-profile{margin-bottom:1rem}.mock-links{gap:.5rem}.mock-link{padding:.6rem .75rem;font-size:.75rem;border-radius:8px}.landing-problem{padding:3rem 1rem}.problem-content h2{font-size:1.5rem;margin-bottom:2rem}.problem-item{padding:1.25rem}.problem-icon{width:48px;height:48px}.problem-item h3{font-size:1rem}.problem-item p{font-size:.85rem}.solution-box{padding:1.5rem}.solution-box h3{font-size:1.1rem}.landing-features{padding:3rem 1rem}.section-header{margin-bottom:2rem}.section-header h2{font-size:1.5rem}.section-header p{font-size:.9rem}.features-grid{grid-template-columns:1fr;gap:1rem}.feature-card{padding:1.25rem}.feature-icon{width:44px;height:44px}.feature-card h3{font-size:1rem}.feature-card p{font-size:.85rem}.landing-deeplink{padding:3rem 1rem}.deeplink-text h2{font-size:1.5rem}.deeplink-visual{max-width:100%}.comparison-phones{flex-direction:row;gap:1rem}.comp-screen{height:160px}.landing-comparison{padding:3rem 1rem}.why-grid{grid-template-columns:1fr;gap:1rem}.why-item{padding:1.25rem}.why-icon{width:48px;height:48px}.why-item h3{font-size:1rem}.why-item p{font-size:.85rem}.pricing-preview h3{font-size:1.25rem}.plans-grid{grid-template-columns:1fr;gap:1rem}.plan-card{padding:1.25rem}.plan-price .amount{font-size:1.75rem}.landing-testimonials{padding:3rem 1rem}.testimonial-card{padding:1.25rem}.testimonial-avatar{font-size:2rem}.testimonial-text{font-size:.9rem}.landing-cta{padding:4rem 1rem}.cta-content h2{font-size:1.5rem}.cta-content p{font-size:1rem}.btn-xl{padding:1rem 2rem;font-size:1rem;width:100%;justify-content:center}.landing-footer{padding:2rem 1rem 1.5rem}.footer-brand{max-width:100%}.footer-links{flex-direction:column;gap:1.5rem}.footer-col h4{margin-bottom:.5rem}.footer-bottom{padding-top:1.5rem}.footer-bottom p{font-size:.75rem}}.admin-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary)}.admin-layout{display:flex;min-height:100vh;background:var(--bg-primary)}.admin-sidebar{width:260px;background:var(--bg-card);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;transition:width .3s ease;z-index:100}.admin-sidebar.collapsed{width:70px}.admin-sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.admin-sidebar-header h2{font-size:1.125rem;font-weight:600;color:var(--accent);white-space:nowrap;overflow:hidden}.collapse-btn{width:28px;height:28px;background:var(--bg-hover);border:1px solid var(--border);border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0}.collapse-btn:hover{color:var(--text-primary);background:var(--border)}.collapse-btn svg{width:16px;height:16px}.admin-nav{flex:1;padding:1rem;display:flex;flex-direction:column;gap:.25rem}.admin-nav a{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;color:var(--text-secondary);transition:all .2s;white-space:nowrap}.admin-nav a:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-nav a.active{background:var(--accent);color:#fff}.admin-nav svg{width:20px;height:20px;flex-shrink:0}.admin-sidebar.collapsed .admin-nav a span{display:none}.admin-sidebar-footer{padding:1rem;border-top:1px solid var(--border)}.back-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;color:var(--text-muted);transition:all .2s}.back-link:hover{background:var(--bg-hover);color:var(--text-primary)}.back-link svg{width:18px;height:18px}.admin-sidebar.collapsed .back-link span{display:none}.admin-main{flex:1;margin-left:260px;padding:2rem;min-height:100vh;transition:margin-left .3s ease}.admin-sidebar.collapsed+.admin-main{margin-left:70px}.admin-header{margin-bottom:2rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.admin-header h1{font-size:1.75rem;font-weight:700}.admin-subtitle{color:var(--text-muted);font-size:.875rem;margin-top:.25rem}.header-back{display:flex;align-items:center;gap:1rem}.back-btn{width:36px;height:36px;background:var(--bg-hover);border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.back-btn:hover{background:var(--border);color:var(--text-primary)}.back-btn svg{width:18px;height:18px}.admin-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.admin-metrics-grid.four-col{grid-template-columns:repeat(4,1fr)}@media(max-width:1200px){.admin-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.admin-metrics-grid{grid-template-columns:1fr}}.admin-metric-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;display:flex;gap:1rem}.admin-metric-card.compact{flex-direction:column;gap:.5rem;padding:1.25rem}.metric-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-icon svg{width:24px;height:24px}.metric-icon.mrr{background:#3b82f626;color:#3b82f6}.metric-icon.arr{background:#10b98126;color:#10b981}.metric-icon.churn{background:#ef444426;color:#ef4444}.metric-icon.ltv{background:#8b5cf626;color:#8b5cf6}.metric-content{display:flex;flex-direction:column}.metric-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.metric-value{font-size:1.75rem;font-weight:700;margin:.25rem 0}.admin-metric-card.compact .metric-value{font-size:1.5rem}.metric-change{font-size:.75rem}.metric-change.positive{color:var(--success)}.metric-change.negative{color:var(--danger)}.metric-sublabel{font-size:.75rem;color:var(--text-muted)}.admin-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}@media(max-width:900px){.admin-grid-2{grid-template-columns:1fr}}.admin-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin-bottom:1.5rem}.admin-card-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.admin-card-header h3{font-size:1rem;font-weight:600}.admin-card-link{font-size:.75rem;color:var(--accent)}.card-subtitle{font-size:.75rem;color:var(--text-muted)}.admin-stats-list{padding:1rem 1.5rem}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border)}.stat-row:last-child{border-bottom:none}.stat-label{color:var(--text-secondary);font-size:.875rem}.stat-value{font-weight:600}.stat-value.highlight{color:var(--accent)}.mrr-chart{padding:1.5rem}.chart-container{height:200px;display:flex;gap:1rem}.chart-container.large{height:280px}.chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:.7rem;color:var(--text-muted);padding:.5rem 0;min-width:60px;text-align:right}.chart-bars{flex:1;display:flex;align-items:flex-end;gap:4px;padding-bottom:24px;position:relative}.chart-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;position:relative}.chart-bar{width:100%;max-width:40px;background:linear-gradient(180deg,var(--accent) 0%,#6366f1 100%);border-radius:4px 4px 0 0;position:absolute;bottom:24px;transition:height .3s ease;cursor:pointer}.chart-bar:hover{opacity:.8}.chart-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--bg-primary);border:1px solid var(--border);padding:.25rem .5rem;border-radius:4px;font-size:.7rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}.chart-bar:hover .chart-tooltip{opacity:1}.chart-label{position:absolute;bottom:0;font-size:.65rem;color:var(--text-muted)}.plan-distribution{padding:1.5rem}.plan-bars{display:flex;flex-direction:column;gap:1rem}.plan-bar-item{display:flex;flex-direction:column;gap:.5rem}.plan-bar-header{display:flex;justify-content:space-between;font-size:.875rem}.plan-name{font-weight:500}.plan-count{color:var(--text-muted)}.plan-bar-track{height:8px;background:var(--bg-hover);border-radius:4px;overflow:hidden}.plan-bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.quick-actions{padding:1.5rem;display:flex;gap:1rem;flex-wrap:wrap}.quick-action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--bg-hover);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.875rem;transition:all .2s}.quick-action-btn:hover{background:var(--border);color:var(--text-primary)}.quick-action-btn svg{width:18px;height:18px}.admin-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}.toolbar-left{display:flex;gap:.75rem;flex-wrap:wrap}.toolbar-right{display:flex;gap:.75rem}.search-box{display:flex;align-items:center;gap:.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:0 .75rem}.search-box svg{width:18px;height:18px;color:var(--text-muted)}.search-box input{background:none;border:none;padding:.625rem 0;color:var(--text-primary);font-size:.875rem;min-width:240px}.search-box input:focus{outline:none}.plan-filter,.action-filter{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:.625rem 1rem;color:var(--text-primary);font-size:.875rem}.export-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--bg-hover);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.875rem;transition:all .2s}.export-btn:hover{background:var(--border)}.export-btn svg{width:16px;height:16px}.spinner-small{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.bulk-action-bar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--accent);border-radius:8px;margin-bottom:1rem}.selected-count{font-size:.875rem;font-weight:500}.bulk-actions{display:flex;gap:.5rem}.bulk-btn{padding:.5rem 1rem;background:#fff3;border:none;border-radius:6px;color:#fff;font-size:.813rem;font-weight:500;transition:background .2s}.bulk-btn:hover{background:#ffffff4d}.bulk-btn.danger{background:#ef4444cc}.bulk-btn.danger:hover{background:var(--danger)}.bulk-btn.secondary{background:#0003}.admin-table-wrapper{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:1rem 1.25rem;text-align:left;border-bottom:1px solid var(--border)}.admin-table th{background:var(--bg-hover);font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.admin-table tbody tr:hover{background:var(--bg-hover)}.admin-table tbody tr:last-child td{border-bottom:none}.checkbox-col{width:40px}.checkbox-col input{width:16px;height:16px;cursor:pointer}.loading-cell,.empty-cell{text-align:center;padding:3rem!important;color:var(--text-muted)}.user-info{display:flex;flex-direction:column;gap:.125rem}.user-email{font-weight:500}.user-username{font-size:.75rem;color:var(--text-muted)}.plan-select{background:var(--bg-secondary);border:2px solid var(--border);border-radius:6px;padding:.375rem .75rem;color:var(--text-primary);font-size:.813rem;cursor:pointer}.plan-select.large{padding:.625rem 1rem;font-size:.875rem}.action-buttons{display:flex;gap:.5rem}.action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-hover);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);transition:all .2s}.action-btn:hover{color:var(--text-primary);background:var(--border)}.action-btn.delete:hover{color:var(--danger);border-color:var(--danger)}.action-btn svg{width:16px;height:16px}.admin-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem}.admin-pagination button{padding:.5rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.813rem}.admin-pagination button:disabled{opacity:.5;cursor:not-allowed}.admin-pagination button:not(:disabled):hover{background:var(--bg-hover)}.admin-pagination span{font-size:.875rem;color:var(--text-muted)}.modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;width:100%;max-width:420px}.modal-content h3{font-size:1.125rem;margin-bottom:1rem}.modal-warning{color:var(--danger);font-size:.875rem;margin-bottom:1.5rem}.modal-field{margin-bottom:1.5rem}.modal-field label{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.modal-field select{width:100%;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.875rem}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem}.btn-secondary{padding:.625rem 1.25rem;background:var(--bg-hover);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.875rem}.btn-primary{padding:.625rem 1.25rem;background:var(--accent);border:none;border-radius:8px;color:#fff;font-size:.875rem}.btn-danger{padding:.625rem 1.25rem;background:var(--danger);border:none;border-radius:8px;color:#fff;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.btn-danger svg{width:16px;height:16px}.revenue-chart{padding:1.5rem}.comparison-table{overflow-x:auto}.comparison-table .positive{color:var(--success)}.comparison-table .negative{color:var(--danger)}.cohort-table-wrapper{overflow-x:auto;padding:1.5rem}.cohort-table{width:100%;border-collapse:collapse;font-size:.813rem}.cohort-table th,.cohort-table td{padding:.625rem .75rem;text-align:center;border:1px solid var(--border)}.cohort-table th{background:var(--bg-hover);font-weight:600}.cohort-table td:first-child,.cohort-table td:nth-child(2){text-align:left}.retention-cell{font-weight:500}.cohort-legend{display:flex;gap:1.5rem;padding:0 1.5rem 1.5rem;font-size:.75rem;color:var(--text-muted)}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-color{width:16px;height:16px;border-radius:4px}.plan-revenue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;padding:1.5rem}.plan-revenue-card{background:var(--bg-hover);border-radius:8px;padding:1rem}.plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:2px solid}.plan-revenue-card .plan-name{font-weight:600}.plan-revenue-card .plan-count{font-size:.75rem;color:var(--text-muted)}.plan-revenue{font-size:1.25rem;font-weight:700}.admin-audit .log-count{font-size:.875rem;color:var(--text-muted)}.audit-log-list{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.audit-log-item{border-bottom:1px solid var(--border)}.audit-log-item:last-child{border-bottom:none}.audit-log-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;cursor:pointer;transition:background .2s}.audit-log-header:hover{background:var(--bg-hover)}.log-info{display:flex;align-items:center;gap:.75rem}.action-badge{padding:.25rem .625rem;border-radius:4px;font-size:.75rem;font-weight:500;color:#fff}.entity-info{font-size:.875rem;color:var(--text-secondary)}.log-meta{display:flex;align-items:center;gap:1rem}.admin-user{font-size:.813rem;color:var(--text-primary)}.log-date{font-size:.75rem;color:var(--text-muted)}.expand-icon{width:18px;height:18px;color:var(--text-muted);transition:transform .2s}.expand-icon.rotated{transform:rotate(180deg)}.audit-log-details{padding:1rem 1.25rem;background:var(--bg-secondary);border-top:1px solid var(--border)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.75rem;color:var(--text-muted)}.detail-value{font-size:.813rem}.detail-value.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.value-diff{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.old-value,.new-value{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:.75rem}.old-value .label,.new-value .label,.metadata .label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:.5rem}.old-value pre,.new-value pre,.metadata pre{font-family:Monaco,Consolas,monospace;font-size:.75rem;color:var(--text-secondary);white-space:pre-wrap;word-break:break-all}.metadata{margin-top:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:.75rem}.user-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:1.5rem}@media(max-width:1100px){.user-detail-grid{grid-template-columns:1fr}}.info-list{padding:1rem 1.5rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.625rem 0;border-bottom:1px solid var(--border)}.info-row:last-child{border-bottom:none}.info-label{font-size:.875rem;color:var(--text-muted)}.info-value{font-size:.875rem}.info-value.verified{color:var(--success)}.info-value.unverified{color:var(--danger)}.info-value.admin{color:var(--accent);font-weight:500}.info-value.code{font-family:Monaco,Consolas,monospace;font-size:.75rem;color:var(--text-secondary)}.info-value.status-active{color:var(--success)}.info-value.status-canceled{color:var(--danger)}.subscription-section{padding:1.5rem}.current-plan{margin-bottom:1.5rem}.plan-label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:.5rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1.5rem}.stat-item{text-align:center}.stat-item .stat-value{display:block;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.stat-item .stat-label{font-size:.75rem;color:var(--text-muted)}.pages-list{padding:1rem 1.5rem}.page-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border)}.page-item:last-child{border-bottom:none}.page-info{display:flex;flex-direction:column;gap:.125rem}.page-title{font-weight:500}.page-slug{font-size:.75rem;color:var(--accent)}.page-stats{display:flex;gap:1rem;font-size:.75rem;color:var(--text-muted)}.history-timeline{padding:1.5rem}.history-item{display:flex;gap:1rem;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--border)}.history-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.history-icon{width:32px;height:32px;background:var(--bg-hover);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.history-icon svg{width:16px;height:16px;color:var(--text-muted)}.history-content{display:flex;flex-direction:column;gap:.25rem}.history-action{display:flex;align-items:center;gap:.5rem}.history-action svg{width:14px;height:14px;color:var(--text-muted)}.plan-badge{padding:.125rem .5rem;border-radius:4px;font-size:.75rem;color:#fff;text-transform:capitalize}.history-date{font-size:.75rem;color:var(--text-muted)}.history-by{font-size:.75rem;color:var(--text-secondary)}.history-reason{font-size:.813rem;color:var(--text-secondary);font-style:italic}.no-data{padding:3rem;text-align:center;color:var(--text-muted)}@media(max-width:768px){.admin-sidebar{width:70px}.admin-sidebar .admin-sidebar-header h2,.admin-sidebar .admin-nav a span,.admin-sidebar .back-link span{display:none}.admin-main{margin-left:70px;padding:1rem}.admin-toolbar{flex-direction:column;align-items:stretch}.toolbar-left,.toolbar-right{flex-direction:column}.search-box input{min-width:auto;width:100%}.bulk-action-bar{flex-direction:column;gap:.75rem}.value-diff,.detail-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}