:root{color:#111827;background:#f7f9fd;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #f7f9fd;--white: #ffffff;--ink: #111827;--soft-ink: #344054;--muted: #667085;--line: #d9e2ef;--line-soft: #e5ebf5;--panel: #f3f6fb;--panel-strong: #eaf0f8;--blue: #2554ff;--blue-dark: #163bd5;--blue-soft: #eef4ff;--green: #12a36d;--red: #d92d44;--shadow-soft: 0 18px 50px rgba(15, 23, 42, .1);--ease: cubic-bezier(.2, .8, .2, 1);--radius: 8px;--container: 1120px}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;min-width:320px;background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.72}a{color:inherit;text-decoration:none}img{display:block}svg{flex:0 0 auto}.brand{display:inline-flex;align-items:center;gap:10px;min-width:0;color:var(--ink);font-size:.96rem;font-weight:900}.brand.compact{font-size:.94rem}.brand-icon{display:grid;width:40px;height:40px;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--white)}.brand-icon img{width:88%;height:88%;object-fit:contain}.brand span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eyebrow{color:var(--blue-dark);font-size:.74rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.public-shell,.admin-shell,.login-shell{min-height:100vh}.public-header,.admin-topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid rgba(217,226,239,.82);background:#fffffff0;padding:12px 16px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-shortcut,.admin-user,.filter-trigger,.toolbar-summary,.primary-action,.secondary-action,.open-link-button,.inline-input-action button,.link-row button,.icon-danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:var(--radius);font-weight:900;transition:background-color .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease),opacity .18s var(--ease),transform .18s var(--ease)}.app-shortcut{width:42px;border:1px solid var(--line);background:var(--white);color:var(--blue)}.app-shortcut svg,.admin-user svg,.filter-trigger svg,.toolbar-summary svg,.primary-action svg,.secondary-action svg,.open-link-button svg,.inline-input-action button svg,.icon-danger svg{width:18px;height:18px}.app-shortcut:hover,.filter-trigger:hover,.secondary-action:hover,.link-row button:hover,.icon-danger:hover{transform:translateY(-1px)}.public-main{width:min(var(--container),calc(100% - 28px));margin:0 auto;padding:22px 0 46px}.public-hero{display:grid;gap:18px;padding:18px 0 12px}.hero-copy{display:grid;gap:10px}.hero-copy h1{max-width:760px;margin:0;color:var(--ink);font-size:2.35rem;line-height:1.02;letter-spacing:0}.hero-copy p{max-width:640px;margin:0;color:var(--muted);font-size:1rem;line-height:1.55}.search-stage{position:relative;z-index:5;display:grid;gap:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);padding:14px;box-shadow:0 14px 34px #0f172a12;transform:translateY(0);transition:box-shadow .22s var(--ease),transform .22s var(--ease),border-color .22s var(--ease)}.search-stage.active{border-color:#2554ff6b;box-shadow:var(--shadow-soft);transform:translateY(6px)}.search-stage label,.link-form label,.settings-panel label{display:grid;gap:7px;color:var(--soft-ink);font-size:.82rem;font-weight:900}.search-box,.password-field,.inline-input-action{display:grid;align-items:center;border:1px solid #cbd7e5;border-radius:var(--radius);background:var(--panel)}.search-box{grid-template-columns:22px minmax(0,1fr);gap:10px;min-height:52px;padding:0 14px}.search-box svg{width:21px;height:21px;color:var(--blue)}.search-box input,.password-field input,.inline-input-action input,.link-form input,.link-form select,.link-form textarea,.settings-panel input,.mini-form input{width:100%;min-width:0;border:1px solid #cbd7e5;border-radius:var(--radius);outline:0;background:var(--panel);color:var(--ink);transition:border-color .17s var(--ease),box-shadow .17s var(--ease),background-color .17s var(--ease)}.search-box input{min-height:50px;padding:0;border:0;background:transparent;font-size:1rem}.link-form input,.link-form select,.link-form textarea,.settings-panel input,.mini-form input,.password-field input,.inline-input-action input{min-height:44px;padding:0 12px}.link-form textarea{min-height:86px;padding-top:11px;resize:vertical}.search-box:focus-within,.password-field:focus-within,.inline-input-action:focus-within,.link-form input:focus,.link-form select:focus,.link-form textarea:focus,.settings-panel input:focus,.mini-form input:focus{border-color:#2554ff9e;background:var(--white);box-shadow:0 0 0 4px #2554ff1a}.search-box input::placeholder,.link-form input::placeholder,.link-form textarea::placeholder,.mini-form input::placeholder,.password-field input::placeholder{color:#8794a8}.suggestions-panel{display:grid;max-height:0;overflow:hidden;opacity:0;pointer-events:none;transform:translateY(-6px);visibility:hidden;transition:max-height .26s var(--ease),opacity .21s var(--ease),transform .21s var(--ease),visibility 0ms linear .26s}.suggestions-panel.open{max-height:260px;opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible;transition-delay:0ms}.suggestions-panel button,.suggestion-empty{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;border:0;border-top:1px solid var(--line-soft);background:var(--white);color:var(--ink);padding:0 2px;text-align:left}.suggestions-panel button{animation:fadeUp .22s var(--ease) both}.suggestions-panel button:hover{color:var(--blue-dark)}.suggestions-panel small,.suggestion-empty{color:var(--muted);font-size:.82rem;font-weight:800}.smart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 10px}.filter-trigger{border:1px solid var(--line);background:var(--white);color:var(--ink);padding:0 12px}.filter-trigger.open{border-color:#2554ff61;color:var(--blue-dark)}.filter-trigger svg:last-child{transition:transform .18s var(--ease)}.filter-trigger.open svg:last-child{transform:rotate(180deg)}.toolbar-summary{border:1px solid var(--line-soft);background:var(--blue-soft);color:var(--blue-dark);padding:0 12px;font-size:.88rem}.filter-drawer{display:grid;gap:14px;max-height:0;overflow:hidden;border:0 solid var(--line);border-radius:var(--radius);background:var(--white);opacity:0;padding:0 14px;pointer-events:none;transform:translateY(-8px);visibility:hidden;transition:max-height .28s var(--ease),opacity .22s var(--ease),padding .22s var(--ease),border-width .22s var(--ease),transform .22s var(--ease),visibility 0ms linear .28s}.filter-drawer.open{max-height:430px;padding:14px;border-width:1px;opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible;transition-delay:0ms}.filter-drawer>div{display:grid;gap:8px}.filter-drawer>div>span{color:var(--soft-ink);font-size:.78rem;font-weight:900;text-transform:uppercase}.segmented{display:flex;flex-wrap:wrap;gap:8px}.segmented button{min-height:40px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);color:var(--muted);padding:0 12px;font-size:.88rem;font-weight:900;transition:background-color .17s var(--ease),border-color .17s var(--ease),color .17s var(--ease),transform .17s var(--ease)}.segmented button:hover{transform:translateY(-1px)}.segmented button.active{border-color:var(--blue);background:var(--blue);color:var(--white)}.public-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-top:14px}.motion-card{animation:cardIn .33s var(--ease) both}.motion-card:nth-child(2){animation-delay:35ms}.motion-card:nth-child(3){animation-delay:70ms}.motion-card:nth-child(4){animation-delay:105ms}.motion-card:nth-child(5){animation-delay:.14s}.public-card{display:grid;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);transition:border-color .18s var(--ease),transform .18s var(--ease),box-shadow .18s var(--ease)}.public-card:hover{border-color:#2554ff52;box-shadow:0 14px 32px #0f172a14;transform:translateY(-2px)}.public-card-media{display:grid;width:100%;aspect-ratio:1 / 1;place-items:center;overflow:hidden;background:var(--panel-strong)}.public-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .26s var(--ease),opacity .2s var(--ease)}.public-card:hover .public-card-media img{transform:scale(1.025)}.public-card-media svg{width:48px;height:48px;color:var(--blue)}.public-card-body{display:grid;gap:12px;padding:14px}.card-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.platform-pill,.card-topline>span:last-child,.tag-row span{display:inline-flex;align-items:center;min-height:26px;border-radius:6px;padding:0 8px;font-size:.73rem;font-weight:900;white-space:nowrap}.platform-pill{background:var(--blue-soft);color:var(--blue-dark)}.platform-pill.shopee{background:#fff3ed;color:#a7420b}.platform-pill.tiktok{background:#eef4ff;color:var(--blue-dark)}.card-topline>span:last-child{background:var(--panel);color:var(--muted)}.public-card h2{display:-webkit-box;min-height:3em;margin:0;overflow:hidden;color:var(--ink);font-size:1.02rem;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.public-card p{display:-webkit-box;min-height:2.8em;margin:0;overflow:hidden;color:var(--muted);font-size:.9rem;line-height:1.42;-webkit-box-orient:vertical;-webkit-line-clamp:2}.tag-row{display:flex;flex-wrap:wrap;gap:6px;min-height:26px}.tag-row span{background:var(--panel);color:#536173}.open-link-button,.primary-action{border:1px solid var(--blue);background:var(--blue);color:var(--white);padding:0 14px}.open-link-button:hover,.primary-action:hover{border-color:var(--blue-dark);background:var(--blue-dark);transform:translateY(-1px)}.secondary-action,.link-row button{border:1px solid var(--line);background:var(--white);color:var(--blue-dark);padding:0 12px}.icon-danger{width:42px;border:1px solid #fecdd3;background:#fff1f3;color:var(--red)}.loading-card{min-height:378px;background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.86) 50%,transparent 65%),linear-gradient(180deg,var(--panel-strong) 0 58%,var(--white) 58%);background-size:220% 100%,100% 100%;animation:shimmer 1.25s linear infinite}.empty-state,.surface-error,.surface-success,.loading-screen{border-radius:var(--radius)}.empty-state{display:grid;gap:10px;justify-items:center;border:1px dashed #cbd7e5;background:var(--white);padding:34px 20px;text-align:center}.empty-state svg{width:42px;height:42px;color:var(--blue)}.empty-state h2{margin:0;color:var(--ink)}.empty-state p{max-width:420px;margin:0;color:var(--muted);line-height:1.5}.surface-error,.surface-success{border:1px solid;padding:12px 14px;font-size:.9rem;font-weight:800}.surface-error{border-color:#fecdd3;background:#fff1f3;color:#b4233b}.surface-success{border-color:#b7ead1;background:#ecfdf3;color:#067647}.login-shell{display:grid;min-height:100vh;place-items:center;background:linear-gradient(180deg,#f7f9fd,#fff 48%,#f7f9fd);padding:22px}.login-card{display:grid;width:min(100%,430px);gap:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);padding:20px;box-shadow:var(--shadow-soft);animation:fadeUp .28s var(--ease) both}.login-card h1,.view-heading h1{margin:0;color:var(--ink);font-size:1.72rem;line-height:1.12;letter-spacing:0}.login-card p{margin:8px 0 0;color:var(--muted);line-height:1.5}.login-form,.settings-panel,.mini-form{display:grid;gap:14px}.password-field{grid-template-columns:minmax(0,1fr) 42px;overflow:hidden}.password-field input{border:0;border-radius:0;box-shadow:none}.password-field button{display:grid;height:42px;place-items:center;border:0;background:transparent;color:var(--blue-dark)}.admin-shell{padding-bottom:76px;background:var(--bg)}.admin-user{min-width:42px;border:1px solid var(--line);background:var(--white);color:var(--soft-ink);padding:0 10px;font-size:.86rem}.admin-user span{display:none;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-main{width:min(var(--container),calc(100% - 28px));margin:0 auto;padding:22px 0 118px}.app-view{display:grid;gap:16px;animation:fadeUp .24s var(--ease) both}.view-heading{display:grid;gap:6px}.metrics-grid,.analytics-grid,.link-list,.user-list{display:grid;gap:12px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card,.panel,.link-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--white)}.metric-card{display:grid;min-height:136px;gap:8px;padding:14px;animation:cardIn .26s var(--ease) both}.metric-card:nth-child(2){animation-delay:40ms}.metric-card:nth-child(3){animation-delay:80ms}.metric-card:nth-child(4){animation-delay:.12s}.metric-card svg{width:22px;height:22px;color:var(--blue)}.metric-card span,.metric-card small{color:var(--muted);font-size:.8rem;font-weight:800}.metric-card strong{align-self:end;color:var(--ink);font-size:1.6rem;line-height:1}.panel{display:grid;gap:12px;padding:14px}.panel h2{margin:0;color:var(--ink);font-size:1rem}.panel p{margin:0;color:var(--muted);line-height:1.5}.rank-row,.event-row,.user-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;border-top:1px solid var(--line-soft);padding-top:10px}.rank-row:first-of-type,.event-row:first-of-type,.user-list>div:first-child{border-top:0;padding-top:0}.rank-row span,.event-row span,.user-list strong{min-width:0;overflow:hidden;color:var(--ink);font-weight:850;text-overflow:ellipsis;white-space:nowrap}.rank-row strong{color:var(--blue-dark)}.event-row small,.user-list span{color:var(--muted);font-size:.8rem;font-weight:800;white-space:nowrap}.link-form{display:grid;gap:12px}.inline-input-action{grid-template-columns:minmax(0,1fr) auto;overflow:hidden}.inline-input-action input{border:0;border-radius:0;box-shadow:none}.inline-input-action button{min-height:44px;border:0;border-left:1px solid var(--line);background:var(--white);color:var(--blue-dark);padding:0 12px}.wide{grid-column:1 / -1}.link-row{display:grid;grid-template-columns:56px minmax(0,1fr) auto 42px;align-items:center;gap:10px;padding:10px;animation:fadeUp .21s var(--ease) both}.link-row img{width:56px;height:56px;border-radius:var(--radius);background:var(--panel);object-fit:cover}.link-row div{display:grid;min-width:0;gap:4px}.link-row strong{overflow:hidden;color:var(--ink);font-size:.92rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.link-row span{overflow:hidden;color:var(--muted);font-size:.8rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.funnel{display:grid;gap:10px}.funnel div{display:flex;align-items:center;justify-content:space-between;min-height:44px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--panel);padding:0 12px}.funnel span{color:var(--muted);font-weight:850}.funnel strong{color:var(--blue-dark)}.toggle-line{display:flex!important;grid-template-columns:none;align-items:center;gap:10px;min-height:42px;color:var(--ink)}.toggle-line input{width:18px;min-height:18px;accent-color:var(--blue)}.mobile-nav{position:fixed;right:12px;bottom:12px;left:12px;z-index:35;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;border:1px solid rgba(217,226,239,.92);border-radius:var(--radius);background:#fffffff2;padding:6px;box-shadow:0 18px 40px #0f172a24;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-nav button{display:grid;min-width:0;min-height:52px;place-items:center;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--muted);font-size:.72rem;font-weight:900;transition:background-color .17s var(--ease),border-color .17s var(--ease),color .17s var(--ease),transform .17s var(--ease)}.mobile-nav button svg{width:19px;height:19px}.mobile-nav button.active{border-color:#2554ff42;background:var(--blue-soft);color:var(--blue-dark);transform:translateY(-2px)}.loading-screen{display:flex;min-height:100vh;align-items:center;justify-content:center;gap:10px;color:var(--blue-dark);font-weight:900}.spin{animation:spin .84s linear infinite}@media (max-width: 420px){.hero-copy h1{font-size:2rem}.toolbar-summary{display:none}.metrics-grid{grid-template-columns:minmax(0,1fr)}.link-row{grid-template-columns:48px minmax(0,1fr) 42px}.link-row img{width:48px;height:48px}.link-row button:not(.icon-danger){grid-column:2 / -1;width:100%}}@media (min-width: 640px){.public-main,.admin-main{width:min(var(--container),calc(100% - 44px))}.hero-copy h1{font-size:3.4rem}.public-grid,.filter-drawer.open{grid-template-columns:repeat(2,minmax(0,1fr))}.login-card{padding:26px}.admin-user span{display:inline}}@media (min-width: 900px){.public-header,.admin-topbar{padding:14px 28px}.public-main{padding-top:32px}.public-hero{grid-template-columns:minmax(0,.92fr) minmax(380px,.68fr);align-items:end;gap:30px;padding:34px 0 18px}.hero-copy h1{font-size:4.45rem}.search-stage.active{transform:translateY(10px)}.public-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.filter-drawer{align-items:start}.admin-shell{padding-bottom:0}.admin-main{padding-bottom:42px}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.analytics-grid,.link-form{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-nav{top:12px;right:auto;bottom:auto;left:50%;width:auto;min-width:430px;transform:translate(-50%)}.mobile-nav button{grid-auto-flow:column;grid-auto-columns:max-content;min-height:42px;padding:0 12px;font-size:.82rem}}@media (min-width: 1120px){.public-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes cardIn{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer{to{background-position:-120% 0,0 0}}@keyframes spin{to{transform:rotate(360deg)}}