@font-face{font-family:Inter;font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/inter/Inter-LatinExt.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/inter/Inter-Latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base: #0b0d12;--bg-surface: #11141c;--bg-card: #181c27;--bg-card-hover: #1d2233;--bg-elevated: #1f2538;--border: rgba(255,255,255,.07);--border-mid: rgba(255,255,255,.1);--border-focus: rgba(99,102,241,.55);--accent: #6366f1;--accent-light: #818cf8;--accent-dark: #4f46e5;--accent-glow: rgba(99,102,241,.22);--success: #22c55e;--success-bg: rgba(34,197,94,.1);--danger: #ef4444;--danger-bg: rgba(239,68,68,.1);--warning: #f59e0b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #4b5568;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-full: 9999px;--shadow-card: 0 4px 32px rgba(0,0,0,.45);--shadow-glow: 0 0 48px rgba(99,102,241,.12);--shadow-lg: 0 8px 40px rgba(0,0,0,.5);--transition: all .2s cubic-bezier(.4,0,.2,1);--transition-slow: all .3s cubic-bezier(.4,0,.2,1)}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;background:var(--bg-base);color:var(--text-primary);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;flex-direction:column;position:relative}.container{width:100%;max-width:780px;margin:0 auto;padding:0 20px}.header{padding:14px 0;border-bottom:1px solid var(--border);background:#0b0d12d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:0;z-index:100}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:12px}.header-desktop-nav{display:flex;align-items:center;gap:12px}.tier-badge{font-size:.72rem;padding:2px 8px;border-radius:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.tier-badge[data-tier=team]{background:#a855f726;color:#c084fc}.tier-badge[data-tier=plus]{background:#f59e0b26;color:#f59e0b}.tier-badge[data-tier=starter]{background:#6366f126;color:#818cf8}.tier-badge[data-tier=free]{background:#ffffff0f;color:var(--text-muted)}.header-tier-badge{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}.tier-expiry{font-size:.68rem;color:var(--text-muted);margin-top:2px}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:background .15s;z-index:110}.mobile-menu-btn:hover{background:var(--bg-card-hover)}.mobile-menu-icon{display:flex;flex-direction:column;gap:5px;width:22px}.mobile-menu-icon span{display:block;height:2px;border-radius:2px;background:var(--text-primary);transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .2s;transform-origin:center}.mobile-menu-icon.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-menu-icon.open span:nth-child(2){opacity:0}.mobile-menu-icon.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-drawer-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#090b10b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:104;animation:fadeIn .15s ease}.mobile-drawer{display:none;position:fixed;top:0;right:0;width:280px;height:100vh;height:100dvh;background:var(--bg-surface);border-left:1px solid var(--border);z-index:105;flex-direction:column;transform:translate(100%);transition:transform .25s cubic-bezier(.4,0,.2,1),visibility .25s;padding:76px 16px 24px;overflow-y:auto;visibility:hidden;pointer-events:none}.mobile-drawer.open{transform:translate(0);visibility:visible;pointer-events:auto}.mobile-drawer-nav{display:flex;flex-direction:column;gap:2px}.mobile-drawer-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;color:var(--text-secondary);text-decoration:none;transition:var(--transition)}.mobile-drawer-item:hover{background:var(--bg-card-hover);color:var(--text-primary)}.mobile-drawer-item.active{background:var(--accent);color:#fff}.mobile-drawer-item span{font-size:1.2rem;width:28px;text-align:center;flex-shrink:0}.mobile-drawer-footer{margin-top:auto;padding-top:20px;border-top:1px solid var(--border)}.mobile-drawer-user{display:flex;align-items:center;gap:12px}.logo{display:flex;align-items:center;gap:9px;text-decoration:none;flex-shrink:0}.logo-icon{width:34px;height:34px;background:linear-gradient(135deg,var(--accent),#7c3aed);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 0 18px var(--accent-glow)}.logo-text{font-size:1.2rem;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,#fff 30%,var(--accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-tabs{display:flex;gap:3px;background:#ffffff0a;padding:4px;border-radius:var(--radius-md);border:1px solid var(--border)}.nav-tab{padding:6px 14px;border-radius:10px;font-size:.82rem;font-weight:500;cursor:pointer;border:none;background:transparent;color:var(--text-secondary);transition:var(--transition);text-decoration:none;white-space:nowrap}.nav-tab.active{background:var(--accent);color:#fff;box-shadow:0 2px 10px var(--accent-glow)}.nav-tab:hover:not(.active){background:var(--bg-card-hover);color:var(--text-primary)}.hero{padding:56px 0 36px;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-40px;left:50%;transform:translate(-50%);width:700px;height:320px;background:radial-gradient(ellipse at center,rgba(99,102,241,.1) 0%,transparent 70%);pointer-events:none}.hero-badge{display:inline-flex;align-items:center;gap:6px;background:#6366f11a;border:1px solid rgba(99,102,241,.25);border-radius:100px;padding:5px 14px;font-size:.77rem;font-weight:600;color:var(--accent-light);margin-bottom:18px;letter-spacing:.02em}.hero h1{font-size:clamp(1.9rem,5vw,2.8rem);font-weight:800;letter-spacing:-1px;line-height:1.15;margin-bottom:14px;background:linear-gradient(135deg,#fff 40%,var(--accent-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:1rem;color:var(--text-secondary);max-width:480px;margin:0 auto;line-height:1.65}.card-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:3px}.card-subtitle{font-size:.82rem;color:var(--text-muted);margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.78rem;font-weight:700;color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase}.form-input,.form-textarea{width:100%;background:var(--bg-surface);border:1px solid var(--border-mid);border-radius:var(--radius-sm);padding:11px 14px;font-size:.92rem;font-family:inherit;color:var(--text-primary);outline:none;transition:var(--transition)}.form-input:focus,.form-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #6366f11f}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input--error{border-color:var(--danger)!important;box-shadow:0 0 0 3px #ef44441f!important}.form-input--error:focus{border-color:var(--danger)!important;box-shadow:0 0 0 3px #ef444433!important}.form-textarea{resize:vertical;min-height:82px}.char-count{font-size:.72rem;color:var(--text-muted);text-align:right}.slug-input-wrapper{position:relative;display:flex;align-items:center}.slug-input{padding-right:36px!important}.slug-status-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:20px;height:20px;pointer-events:none}.slug-spinner{width:14px;height:14px;border-width:2px}.upload-zone{border:2px dashed rgba(255,255,255,.1);border-radius:var(--radius-md);padding:28px 20px;text-align:center;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--text-secondary);font-size:.88rem}.upload-zone:hover{border-color:var(--accent);background:#6366f10a}.upload-zone.drag-over{border-color:var(--accent);background:#6366f117;box-shadow:0 0 28px var(--accent-glow)}.upload-zone.compressing{border-color:var(--accent);background:#6366f10d;cursor:wait;pointer-events:none}.image-preview-wrap{position:relative;display:inline-block;border-radius:var(--radius-md);overflow:hidden}.image-preview-wrap img{display:block;max-height:200px;max-width:100%;border-radius:var(--radius-md);object-fit:cover}.image-preview-remove{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#000000b3;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);padding:0;font-family:inherit}.image-preview-remove:hover{background:#ef4444d9;border-color:#ef444466;transform:scale(1.1)}.result-header{display:flex;align-items:center;gap:14px;padding-bottom:20px;border-bottom:1px solid var(--border);margin-bottom:4px}.result-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#6366f133,#7c3aed33);border:1px solid rgba(99,102,241,.3);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.result-url-row{display:flex;gap:10px;margin-top:20px;width:100%;min-width:0}.result-url-input{flex:1;min-width:0;width:0;background:var(--bg-surface);border:1px solid var(--border-mid);border-radius:var(--radius-sm);padding:10px 14px;font-size:.88rem;font-family:Inter,SF Mono,monospace;color:var(--accent-light);outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-url-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #6366f11f}.result-url-copy-btn{flex-shrink:0;white-space:nowrap;min-width:fit-content}.og-preview-wrap{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.og-platform-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border);background:#ffffff05}.og-platform-label{font-size:.75rem;font-weight:600;color:var(--text-muted);flex-shrink:0;text-transform:uppercase;letter-spacing:.05em}.og-platform-btn{padding:4px 12px;border-radius:var(--radius-full);font-size:.76rem;font-weight:600;font-family:inherit;cursor:pointer;border:1px solid var(--border-mid);background:transparent;color:var(--text-secondary);transition:var(--transition)}.og-platform-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.og-platform-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 10px var(--accent-glow)}.og-preview{border:none;overflow:hidden;background:var(--bg-card);border-radius:0 0 var(--radius-sm) var(--radius-sm)}.og-preview-img{width:100%;padding-bottom:52.4%;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:var(--bg-elevated);display:block}.og-preview-img-placeholder{width:100%;padding-bottom:52.4%;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.82rem;background-image:radial-gradient(circle,var(--border-mid) 1px,transparent 1px);background-size:20px 20px}.og-preview-body{padding:10px 12px;border-top:1px solid var(--border)}.og-preview-domain{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.og-preview-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:3px;line-height:1.3}.og-preview-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.og-preview.zalo-mode{display:flex;flex-direction:row;align-items:stretch;gap:10px;padding:10px;background:#1c2540;border:1px solid rgba(255,255,255,.08);border-radius:0 0 10px 10px;border-top:none}.og-preview.zalo-mode .og-preview-img,.og-preview.zalo-mode .og-preview-img-placeholder{width:96px;height:64px;padding-bottom:0;flex-shrink:0;border-radius:6px;object-fit:cover}.og-preview.zalo-mode .og-preview-body{padding:0;border-top:none;flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.og-preview.zalo-mode .og-preview-domain{font-size:.66rem;margin-bottom:2px;letter-spacing:.04em}.og-preview.zalo-mode .og-preview-title{font-size:.84rem;line-height:1.25}.og-preview.zalo-mode .og-preview-desc{font-size:.72rem;-webkit-line-clamp:2}.qr-section{display:flex;align-items:center;gap:16px;background:#ffffff05;border:1px dashed rgba(255,255,255,.08);padding:16px;border-radius:var(--radius-md);margin-top:16px;animation:fadeIn .4s ease}.qr-code-img{width:80px;height:80px;border-radius:6px;background:#fff;padding:6px;flex-shrink:0}.qr-body{flex:1}.qr-title{font-size:.84rem;font-weight:700;color:var(--text-primary);margin-bottom:3px}.qr-desc{font-size:.75rem;color:var(--text-muted);line-height:1.4}.link-list{display:flex;flex-direction:column}.link-item-delete-row{display:flex;justify-content:flex-end;padding-top:14px;border-top:1px solid var(--border)}.link-item-delete-row .btn{display:flex;align-items:center;gap:6px}.link-item{position:relative;border-bottom:1px solid var(--border);cursor:pointer;transition:background .18s ease,box-shadow .18s ease}.link-item:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0;overflow:hidden}.link-item:last-child{border-bottom:none;border-radius:0 0 var(--radius-md) var(--radius-md);overflow:hidden}.link-item:only-child{border-radius:var(--radius-md)}.link-item:hover{background:#6366f10a}.link-item-open{background:#6366f10d}.link-item-open:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--accent),var(--accent-light));border-radius:0 2px 2px 0}.link-item-deleting{opacity:.5;pointer-events:none}.link-item-main{display:flex;align-items:center;gap:14px;padding:14px 20px;cursor:pointer;-webkit-user-select:none;user-select:none}.link-item-thumb{flex-shrink:0;width:52px;height:52px;border-radius:10px;overflow:hidden;border:1px solid var(--border-mid);background:var(--bg-elevated)}.link-item-thumb-img{width:100%;height:100%;object-fit:cover;display:block}.link-item-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-elevated) 0%,var(--bg-card-hover) 100%)}.link-item-thumb-icon{font-size:1.3rem;filter:grayscale(.3)}.link-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.link-item-title{display:flex;align-items:center;gap:7px}.link-item-title-text{font-size:.92rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.link-item-short{display:inline-block;font-size:.7rem;font-weight:600;color:var(--accent-light);background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:6px;padding:1px 8px;width:fit-content;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;letter-spacing:.01em}.link-item-target{font-size:.76rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:3px}.link-item-target-host{font-weight:500;color:var(--text-secondary)}.link-item-target-path{opacity:.6}.link-item-meta{display:flex;align-items:center;gap:8px;margin-top:1px}.link-item-date{font-size:.71rem;color:var(--text-muted);display:flex;align-items:center;gap:3px}.link-item-date:before{content:"🕐";font-size:.65rem}.link-item-clicks{font-size:.71rem;font-weight:600;border-radius:100px;padding:1px 9px;border:1px solid transparent;transition:var(--transition)}.link-item-clicks:not([class*=clicks-]),.link-item-clicks.clicks-zero{color:var(--text-muted);background:#ffffff0a;border-color:var(--border)}.link-item-clicks.clicks-low{color:#60a5fa;background:#60a5fa1a;border-color:#60a5fa33}.link-item-clicks.clicks-mid{color:#34d399;background:#34d3991a;border-color:#34d39938}.link-item-clicks.clicks-high{color:#fbbf24;background:#fbbf241f;border-color:#fbbf2440}.link-item-actions{display:flex;align-items:center;gap:5px;flex-shrink:0}.link-action-btn{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:8px;background:transparent;border:1px solid var(--border);color:var(--text-muted);transition:var(--transition);flex-shrink:0}.link-action-btn:hover{background:var(--bg-card-hover);border-color:var(--border-mid);color:var(--accent-light);transform:scale(1.08)}.link-item-chevron{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:transform .22s cubic-bezier(.4,0,.2,1),color .18s;border-radius:6px;margin-left:2px}.link-item-chevron-open{transform:rotate(180deg);color:var(--accent-light)}.link-item:hover .link-item-chevron{color:var(--text-secondary)}.link-item-expanded{padding:0 20px 20px;animation:slideDown .22s cubic-bezier(.4,0,.2,1)}.link-item-expanded-inner{border-top:1px solid var(--border);padding-top:18px;display:flex;flex-direction:column;gap:16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.stats-total{display:flex;align-items:baseline;gap:6px;margin-bottom:14px;padding:14px 16px;background:#6366f112;border:1px solid rgba(99,102,241,.15);border-radius:var(--radius-sm)}.stats-total-number{font-size:1.5rem;font-weight:800;color:var(--accent-light);letter-spacing:-.5px}.stats-total-label{font-size:.8rem;color:var(--text-secondary)}.click-history{display:flex;flex-direction:column;gap:3px;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.click-history-header{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:8px 12px;border-bottom:1px solid var(--border);background:#ffffff05}.click-history-row{display:flex;justify-content:space-between;align-items:center;padding:7px 12px;font-size:.78rem;border-bottom:1px solid rgba(255,255,255,.03)}.click-history-row:last-child{border-bottom:none}.click-history-ref{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:72%}.click-history-time{color:var(--text-muted);font-size:.72rem;flex-shrink:0;margin-left:8px}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-icon{font-size:2.8rem;margin-bottom:12px}.empty-text{font-size:.9rem;line-height:1.6}.cropper-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#090b10e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:fadeIn .2s ease-out}.cropper-modal{background:var(--bg-card);border:1px solid var(--border-mid);border-radius:var(--radius-md);width:100%;max-width:520px;box-shadow:0 16px 56px #0000008c;overflow:hidden;display:flex;flex-direction:column}.cropper-modal-header{padding:16px 20px;border-bottom:1px solid var(--border);font-weight:700;font-size:.95rem;color:var(--text-primary)}.cropper-wrapper{position:relative;width:100%;height:320px;background:#07090d}.cropper-controls{padding:18px 20px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:14px;background:#ffffff03}.cropper-zoom-row{display:flex;align-items:center;gap:12px;color:var(--text-secondary);font-size:.8rem}.cropper-slider{flex:1;height:4px;border-radius:2px;background:var(--border);outline:none;cursor:pointer;accent-color:var(--accent)}.cropper-actions{display:flex;justify-content:flex-end;gap:10px}.custom-select{position:relative;width:100%;-webkit-user-select:none;user-select:none}.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--bg-surface);border:1px solid var(--border-mid);border-radius:var(--radius-sm);padding:11px 14px;font-size:.92rem;font-family:inherit;color:var(--text-primary);cursor:pointer;outline:none;transition:var(--transition)}.custom-select-trigger:focus-visible{border-color:var(--border-focus);box-shadow:0 0 0 3px #6366f11f}.custom-select-arrow{font-size:.95rem;color:var(--text-muted);transition:transform .2s ease;margin-left:8px;line-height:1}.custom-select-arrow.open{transform:rotate(180deg)}.custom-select-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:100;background:var(--bg-elevated);border:1px solid var(--border-mid);border-radius:var(--radius-sm);box-shadow:0 12px 40px #00000080;overflow:hidden;animation:fadeIn .12s ease}.custom-select-item{padding:10px 14px;font-size:.88rem;color:var(--text-primary);background:var(--bg-elevated);cursor:pointer;transition:background .12s}.custom-select-item:hover{background:var(--bg-card-hover)}.custom-select-item.active{background:var(--accent);color:#fff}.search-results{margin-top:4px;border:1px solid var(--border-mid);border-radius:var(--radius-sm);background:var(--bg-elevated);box-shadow:0 12px 40px #00000080;overflow:hidden;animation:fadeIn .12s ease}.search-result-item{padding:10px 14px;cursor:pointer;transition:background .12s;border-bottom:1px solid var(--border)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--bg-card-hover)}.search-result-id{font-size:.82rem;font-family:SF Mono,Cascadia Code,Consolas,monospace;color:var(--accent-light);word-break:break-all}.search-result-info{display:flex;gap:8px;align-items:center;font-size:.82rem;color:var(--text-secondary);margin-top:2px}.admin-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.admin-wrapper{max-width:1400px;margin:0 auto;padding:32px}.admin-layout{display:flex;gap:28px;align-items:flex-start}.admin-sidebar{width:200px;flex-shrink:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;position:sticky;top:88px}.admin-sidebar-item{display:flex;align-items:center;gap:10px;padding:12px 18px;text-decoration:none;color:var(--text-secondary);font-size:.88rem;font-weight:500;border-bottom:1px solid var(--border);transition:var(--transition)}.admin-sidebar-item:last-child{border-bottom:none}.admin-sidebar-item:hover{background:#ffffff0a;color:var(--text-primary)}.admin-sidebar-item.active{background:var(--accent);color:#fff}.admin-content{flex:1;min-width:0}.admin-panel-title{font-size:1.3rem;font-weight:800;color:var(--text-primary);margin-bottom:24px;letter-spacing:-.3px}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:28px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.container{padding:0 16px}.header{padding:10px 0}.logo-text{font-size:1rem}.header-desktop-nav{display:none}.mobile-menu-btn{display:flex}.mobile-drawer-overlay{display:block}.mobile-drawer{display:flex}.header-tier-badge{display:none}.hero{padding:32px 0 20px}.hero h1{font-size:1.7rem}.hero p{font-size:.92rem}.hero-badge{font-size:.72rem;padding:4px 12px}.card{padding:20px}.admin-layout{flex-direction:column;align-items:stretch}.admin-wrapper{padding:20px}.admin-sidebar{width:100%!important;position:static!important;display:flex;overflow-x:auto;gap:0;border-radius:var(--radius-sm)!important;-webkit-overflow-scrolling:touch}.admin-sidebar a{flex-shrink:0;white-space:nowrap;padding:10px 14px!important;font-size:.82rem!important;border-bottom:none!important;border-right:1px solid var(--border)}.admin-sidebar a:last-child{border-right:none}.admin-panel-title{font-size:1.1rem!important;margin-bottom:16px!important}.billing-grid{grid-template-columns:1fr!important;gap:16px!important}.billing-card{padding:24px!important}.billing-period-toggle button{padding:8px 14px!important;font-size:.82rem!important}.pricing-page-title{font-size:1.5rem!important}.pricing-page-desc{font-size:.92rem!important}.payment-modal{max-width:100%!important;margin:0 12px;padding:24px!important}.payment-modal img{width:180px!important;height:180px!important}.payment-detail-row{flex-direction:column;gap:4px!important}.payment-detail-row span:first-child{font-size:.78rem}.payment-detail-row span:last-child{font-size:.82rem}.cropper-modal{max-width:100%!important;margin:0 12px}.cropper-wrapper{height:220px!important}.cropper-controls{padding:14px 16px!important}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.toast-container{left:12px!important;right:12px!important;bottom:12px!important;max-width:none!important}}@media (max-width: 600px){.card{padding:16px}.hero{padding:24px 0 16px}.hero h1{font-size:1.5rem}.hero p{font-size:.88rem}.hero-badge{font-size:.68rem;padding:3px 10px;margin-bottom:14px}.hero:before{width:450px;height:220px}.link-item-main{padding:12px 14px;gap:10px}.link-item-thumb{width:44px;height:44px;border-radius:8px}.link-item-title-text{font-size:.85rem}.link-item-target{font-size:.72rem}.link-item-short{font-size:.66rem;max-width:180px}.link-item-expanded{padding:0 14px 16px}.link-item-expanded-inner{padding-top:14px;gap:14px}.link-action-btn{width:36px;height:36px}.link-item-chevron{width:24px;height:24px}.link-item-clicks{font-size:.68rem;padding:1px 7px}.link-item-meta{flex-wrap:wrap;gap:6px}.link-item-actions{gap:3px}.result-url-input{font-size:.8rem;padding:10px 12px}.result-url-row{flex-direction:column;gap:8px}.result-url-copy-btn{width:100%;justify-content:center}.qr-section{flex-direction:column;text-align:center}.cropper-modal{max-width:100%;margin:0 8px}.cropper-wrapper{height:220px}.cropper-controls{padding:12px 14px!important}.cropper-actions{flex-direction:column-reverse;gap:8px}.cropper-actions .btn{width:100%;justify-content:center}.stats-total{padding:12px}.stats-total-number{font-size:1.3rem}.container{padding:0 12px}.header{padding:8px 0}.logo-text{font-size:.95rem}.form-input,.form-textarea{padding:12px 14px;font-size:16px}.form-label{font-size:.75rem}.upload-zone{padding:20px 16px;min-height:120px;font-size:.82rem}.btn{padding:12px 18px;font-size:.85rem}.btn-primary.btn-full{padding:14px;font-size:.92rem}.billing-card{padding:20px!important}.billing-card h3{font-size:1.2rem!important}.billing-price{font-size:2rem!important}.billing-period-toggle{gap:6px!important}.billing-period-toggle button{padding:8px 12px!important;font-size:.78rem!important}.billing-feature-row{font-size:.82rem!important;gap:8px!important}.confirm-modal{margin:0 12px}.confirm-modal-header{padding:16px 18px 0!important}.confirm-modal-body{padding:8px 18px 16px!important}.confirm-modal-actions{padding:12px 18px!important;flex-direction:column-reverse;gap:8px!important}.confirm-modal-actions .btn{width:100%;justify-content:center}.payment-modal{max-width:100%!important;margin:0 8px;padding:20px!important;max-height:95vh!important}.payment-modal h3{font-size:1.15rem!important}.payment-modal img{width:160px!important;height:160px!important}.admin-wrapper{padding:16px}.admin-toolbar{flex-direction:column;align-items:stretch;gap:8px}.admin-toolbar input{min-width:0!important;width:100%}.admin-stats-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.admin-table-wrap th,.admin-table-wrap td{padding:8px 10px!important;font-size:.78rem!important}.upgrade-details-grid{grid-template-columns:1fr!important}.upgrade-actions{flex-direction:column!important}.upgrade-actions button{flex:1!important}.feedback-modal{padding:20px!important}.pending-tx-card{flex-direction:column!important;align-items:stretch!important}.pending-tx-card button{width:100%}.admin-tabs button{font-size:.78rem!important;padding:7px 10px!important}.custom-select-item{padding:14px}.custom-select-menu{max-height:220px;overflow-y:auto}.search-result-item{padding:12px 14px}.blog-banner-link{padding:10px 12px}.blog-banner-text{font-size:.82rem}.blog-banner-close{padding:10px 12px}.feedback-widget-btn{width:44px!important;height:44px!important;bottom:16px!important;right:16px!important}}@media (max-width: 400px){.hero h1{font-size:1.3rem}.hero p{font-size:.82rem}.container{padding:0 10px}.card{padding:14px}.link-item-thumb{width:38px;height:38px;border-radius:6px}.link-item-main{padding:10px 12px;gap:8px}.link-item-title-text{font-size:.8rem}.billing-card{padding:16px!important}.mobile-drawer{width:100%}}.blog-banner{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#6366f11f,#8b5cf614);border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-md);padding:0;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:border-color .2s}.blog-banner:hover{border-color:#6366f166}.blog-banner-link{display:flex;align-items:center;gap:10px;flex:1;padding:12px 16px;text-decoration:none;color:var(--text-primary);min-width:0}.blog-banner-icon{font-size:1.15rem;flex-shrink:0}.blog-banner-text{font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blog-banner-text strong{color:var(--accent-light)}.blog-banner-arrow{font-size:.85rem;color:var(--text-muted);flex-shrink:0;margin-left:auto;transition:transform .2s}.blog-banner-link:hover .blog-banner-arrow{transform:translate(3px)}.blog-banner-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.85rem;padding:12px 14px;line-height:1;transition:color .15s;flex-shrink:0}.blog-banner-close:hover{color:var(--text-primary)}.blog-header{text-align:center;margin-bottom:32px}.blog-title{font-size:2rem;font-weight:800;letter-spacing:-.5px}.blog-subtitle{color:var(--text-secondary);margin-top:8px;font-size:.95rem}.blog-search{max-width:480px;margin:0 auto 24px}.blog-search .form-input{width:100%;text-align:center}.blog-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:32px}.blog-tag-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);padding:6px 14px;border-radius:var(--radius-full);font-size:.82rem;cursor:pointer;transition:var(--transition)}.blog-tag-btn:hover{border-color:var(--accent);color:var(--text-primary)}.blog-tag-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;margin-bottom:40px}.blog-card{display:block;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);text-decoration:none;color:inherit}.blog-card:hover{border-color:var(--border-focus);transform:translateY(-2px);box-shadow:var(--shadow-card)}.blog-card-body{padding:24px;display:flex;flex-direction:column;gap:12px}.blog-card-tags{display:flex;flex-wrap:wrap;gap:6px}.blog-tag{display:inline-block;background:#6366f11a;color:var(--accent-light);font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.3px}.blog-card-title{font-size:1.05rem;font-weight:700;line-height:1.4;color:var(--text-primary)}.blog-card:hover .blog-card-title{color:var(--accent-light)}.blog-card-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:8px;border-top:1px solid var(--border)}.blog-card-date{font-size:.78rem;color:var(--text-muted)}.blog-card-readmore{font-size:.82rem;color:var(--accent);font-weight:600}.blog-empty{text-align:center;padding:60px 20px;color:var(--text-secondary)}.blog-post-container{max-width:800px;margin:0 auto;padding:0 20px 60px}.blog-breadcrumb{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--text-muted);margin-bottom:24px}.blog-breadcrumb a{color:var(--accent);text-decoration:none}.blog-breadcrumb a:hover{text-decoration:underline}.blog-breadcrumb-sep{color:var(--text-muted)}.blog-article-header{margin-bottom:32px}.blog-article-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.blog-article-title{font-size:2rem;font-weight:800;line-height:1.3;letter-spacing:-.5px}.blog-article-meta{font-size:.85rem;color:var(--text-muted);margin-top:8px}.blog-article-content{font-size:1.02rem;line-height:1.75;color:var(--text-primary)}.blog-article-content h2{font-size:1.4rem;font-weight:700;margin:32px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.blog-article-content h3{font-size:1.15rem;font-weight:600;margin:24px 0 8px}.blog-article-content p{margin:16px 0}.blog-article-content ul,.blog-article-content ol{margin:12px 0;padding-left:24px}.blog-article-content li{margin:6px 0}.blog-article-content a{color:var(--accent-light);text-decoration:underline}.blog-article-content a:hover{color:var(--accent)}.blog-article-content blockquote{border-left:3px solid var(--accent);padding:12px 16px;margin:20px 0;background:#6366f10f;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary)}.blog-article-content code{background:var(--bg-elevated);padding:2px 6px;border-radius:4px;font-size:.9em;font-family:JetBrains Mono,Fira Code,monospace}.blog-article-content pre{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px 20px;overflow-x:auto;margin:20px 0}.blog-article-content pre code{background:none;padding:0;border-radius:0}.blog-article-content table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.9rem}.blog-article-content th,.blog-article-content td{border:1px solid var(--border);padding:10px 14px;text-align:left}.blog-article-content th{background:var(--bg-card);font-weight:600}.blog-article-content img{max-width:100%;border-radius:var(--radius-sm);margin:20px 0}.blog-article-content hr{border:none;border-top:1px solid var(--border);margin:32px 0}.blog-article-content strong{font-weight:700}.blog-related{margin-top:48px;padding-top:32px;border-top:1px solid var(--border)}.blog-related-title{font-size:1.1rem;font-weight:700;margin-bottom:16px}.blog-related-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.blog-related-card{display:block;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;text-decoration:none;color:inherit;transition:var(--transition)}.blog-related-card:hover{border-color:var(--border-focus)}.blog-related-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.blog-related-card-title{font-size:.9rem;font-weight:600;line-height:1.3;margin-bottom:6px;color:var(--text-primary)}.blog-related-card:hover .blog-related-card-title{color:var(--accent-light)}.blog-related-card-desc{font-size:.8rem;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-cta{margin-top:40px;padding:28px;text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md)}@media (max-width: 600px){.blog-post-container{padding:0 16px 40px}.blog-title{font-size:1.5rem}.blog-subtitle{font-size:.85rem}.blog-grid{grid-template-columns:1fr;gap:16px}.blog-card-body{padding:20px}.blog-card-title{font-size:.95rem}.blog-article-title{font-size:1.4rem}.blog-article-content{font-size:.95rem}.blog-related-list{grid-template-columns:1fr}}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#fff3}