@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{color:#183246;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f9fa;font-family:IBM Plex Sans Thai,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}:root{--navy:#102a43;--muted:#698093;--teal:#10a69a;--teal-dark:#087c75;--mint:#e9f8f5;--line:#dfeaec;--white:#fff}.app-shell{background:linear-gradient(#f7fbfb 0%,#f4f8fa 100%);min-height:100vh}.topbar{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;align-items:center;gap:48px;height:76px;padding:0 max(5vw,28px);display:flex;position:sticky;top:0}.brand{color:var(--navy);letter-spacing:-1px;align-items:center;gap:10px;font:800 24px/1 Manrope,sans-serif;text-decoration:none;display:inline-flex}.brand>span:last-child>span{color:var(--teal)}.brand-mark{background:var(--teal);color:#fff;border-radius:11px 11px 11px 4px;place-items:center;width:37px;height:37px;display:grid;box-shadow:0 7px 18px #10a69a3d}nav{align-self:stretch;align-items:center;gap:34px;display:flex}nav a{color:#667d8e;border-bottom:2px solid #0000;align-self:stretch;place-items:center;font-size:14px;font-weight:600;text-decoration:none;display:grid}nav a:hover,nav a.active{color:var(--teal-dark);border-color:var(--teal)}.profile{align-items:center;gap:10px;margin-left:auto;display:flex}.avatar{color:#06776f;background:#d5f0ea;border:3px solid #effaf8;border-radius:50%;place-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:grid}.profile div:nth-child(2){flex-direction:column;line-height:1.25;display:flex}.profile strong{color:var(--navy);font-size:13px}.profile span{color:#8ca0ae;font-size:11px}.profile-chevron{margin-left:5px}.menu-button{color:var(--navy);background:0 0;border:0;margin-left:auto;display:none}.theme-toggle{border:1px solid var(--line);width:38px;height:38px;color:var(--navy);background:#f7fbfb;border-radius:10px;place-items:center;margin-left:auto;transition:all .2s;display:grid}.theme-toggle:hover{color:var(--teal);border-color:#9bd9d3;transform:rotate(8deg)}.theme-toggle+.profile{margin-left:0}main{width:min(1160px,100% - 40px);margin:0 auto;padding-bottom:72px}.hero-section{grid-template-columns:1.15fr .85fr;align-items:center;min-height:325px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:2;padding:52px 0 48px;position:relative}.eyebrow{color:var(--teal-dark);letter-spacing:2.1px;font:700 11px Manrope,sans-serif}.hero-copy h1{color:var(--navy);letter-spacing:-2.2px;margin:14px 0 18px;font-size:clamp(38px,4vw,58px);font-weight:700;line-height:1.08}.hero-copy h1 em{color:var(--teal);font-style:normal;position:relative}.hero-copy h1 em:after{content:"";opacity:.38;z-index:-1;background:#a5e4d9;border-radius:50%;height:7px;position:absolute;bottom:4px;left:2px;right:1px}.hero-copy p{max-width:560px;color:var(--muted);margin:0;font-size:17px;line-height:1.75}.hero-art{height:100%;position:relative}.glow{background:radial-gradient(circle at 40% 40%,#d8f4ef,#eaf8f5 60%,#0000 61%);border-radius:48% 52% 64% 36%;width:410px;height:250px;position:absolute;top:36px;right:0;transform:rotate(-8deg)}.floating-card{z-index:2;background:#fffffff0;border:1px solid #e1eceb;border-radius:14px;align-items:center;gap:12px;display:flex;position:absolute;box-shadow:0 20px 50px #1847511f}.floating-card small{color:#8a9ca7;font-size:10px;display:block}.floating-card strong{color:var(--navy);font:700 12px Manrope,sans-serif;display:block}.card-one{width:295px;padding:16px;top:85px;right:20px;transform:rotate(2deg)}.mini-icon{color:#fff;background:var(--teal);border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.success-dot{color:#159468;background:#def7ec;border-radius:50%;place-items:center;width:24px;height:24px;margin-left:auto;display:grid}.card-two{color:#7764d4;padding:15px 21px;top:188px;right:170px;transform:rotate(-3deg)}.card-two strong{color:#4d427f;font-size:18px}.orb{border-radius:50%;position:absolute}.orb-one{background:#ffd985;width:18px;height:18px;top:215px;right:40px}.orb-two{border:3px solid #62cec0;width:12px;height:12px;top:83px;right:368px}.creator-card,.result-card,.links-section{background:var(--white);border:1px solid var(--line);border-radius:17px;box-shadow:0 13px 35px #1d454e0f}.creator-card{z-index:5;padding:27px 31px 29px;position:relative}.section-heading{align-items:center;gap:14px;margin-bottom:23px;display:flex}.heading-icon{width:42px;height:42px;color:var(--teal-dark);background:var(--mint);border-radius:11px;place-items:center;display:grid}.section-heading h2,.links-header h2{color:var(--navy);margin:0;font-size:19px}.section-heading p,.links-header p{color:var(--muted);margin:2px 0 0;font-size:13px}label{color:#526a7a;margin:0 0 7px;font-size:12px;font-weight:600;display:block}label b{color:#ef6d6d}label span{color:#9aabb6;font-weight:400}.url-row{grid-template-columns:1fr auto;gap:12px;display:grid}.input-wrap{color:#91a5b0;background:#fbfdfd;border:1px solid #cedfe1;border-radius:9px;align-items:center;gap:11px;padding:0 14px;display:flex}.input-wrap:focus-within,.split-input:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #10a69a17}input,select{color:var(--navy);background:0 0;border:0;outline:0;min-width:0}input::placeholder{color:#a5b4bc}.input-wrap input{flex:1;height:47px;font-size:14px}.primary-button{color:#fff;background:linear-gradient(135deg,#13ad9f,#068c84);border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;height:47px;padding:0 25px;font-size:14px;font-weight:600;display:flex;box-shadow:0 10px 21px #088c8438}.primary-button:hover{filter:brightness(.96);transform:translateY(-1px)}.advanced-row{grid-template-columns:1.15fr .85fr;gap:18px;margin-top:16px;display:grid}.split-input{border:1px solid #d8e4e5;border-radius:8px;align-items:center;height:43px;display:flex;overflow:hidden}.split-input span{color:#7d919d;background:#f4f8f8;border-right:1px solid #d8e4e5;align-items:center;height:100%;padding:0 12px;font-size:12px;display:flex}.split-input input{flex:1;height:100%;padding:0 12px}select{background:#fff;border:1px solid #d8e4e5;border-radius:8px;width:100%;height:43px;padding:0 12px;font-size:13px}.form-error{color:#c94d55;margin:12px 0 0;font-size:12px;font-weight:500}.result-card{background:linear-gradient(120deg,#fff,#f6fffc);border-color:#bfe6df;align-items:center;gap:30px;margin-top:18px;padding:24px 28px;display:flex;position:relative}.result-copy{flex:1;min-width:0}.result-badge{color:#16825f;background:#ddf7eb;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.result-card h2{color:var(--teal-dark);overflow-wrap:anywhere;margin:14px 0 3px;font:700 20px Manrope,sans-serif}.result-card p{color:#7d919d;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.result-actions{gap:9px;margin-top:16px;display:flex}.result-actions button{color:#3f6571;background:#fff;border:1px solid #cae0df;border-radius:7px;align-items:center;gap:7px;padding:8px 12px;font-size:12px;display:flex}.qr-result{text-align:center;color:inherit;cursor:pointer;background:0 0;border:0;border-left:1px solid #d9ece8;border-radius:8px;padding:5px 0 5px 28px}.qr-result:hover img,.qr-result:focus-visible img{transform:scale(1.04);box-shadow:0 8px 22px #102a4324}.qr-result:focus-visible{outline-offset:4px;outline:3px solid #10a69a33}.qr-result img{border-radius:6px;width:104px;transition:all .2s;display:block}.qr-result span{color:#82949e;margin-top:5px;font-size:10px;display:block}.close-result{color:#91a4ad;background:0 0;border:0;font-size:20px;position:absolute;top:8px;right:11px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:13px;margin:20px 0;display:grid}.stats-grid article{border:1px solid var(--line);background:#fff;border-radius:13px;align-items:flex-start;gap:13px;padding:19px;display:flex}.stat-icon{border-radius:10px;flex:none;place-items:center;width:39px;height:39px;display:grid}.stat-icon.teal{color:#059287;background:#e3f7f3}.stat-icon.blue{color:#3982c2;background:#e7f1fb}.stat-icon.amber{color:#d9912c;background:#fff2d9}.stat-icon.purple{color:#7863ca;background:#eeeafb}.stats-grid article>div:last-child{flex-direction:column;display:flex}.stats-grid span{color:#758a98;font-size:11px}.stats-grid strong{color:var(--navy);font:700 24px/1.35 Manrope,sans-serif}.stats-grid small{color:#93a4ad;font-size:9px}.stats-grid small.up{color:#1b9a71}.links-section{overflow:hidden}.links-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:23px 28px;display:flex}.search-box{color:#95a6af;background:#fafcfc;border:1px solid #d9e4e6;border-radius:8px;align-items:center;gap:8px;width:240px;height:38px;padding:0 11px;display:flex}.search-box input{width:100%;font-size:12px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;min-width:780px}th{color:#8a9ba5;text-transform:uppercase;letter-spacing:.7px;background:#f8fbfb;padding:11px 28px;font-size:10px}td{color:#758995;border-top:1px solid #edf2f3;padding:16px 28px;font-size:12px}tbody tr:hover{background:#fbfefe}.link-cell{align-items:center;gap:12px;min-width:315px;display:flex}.site-icon{width:36px;height:36px;color:var(--teal-dark);background:#e4f5f1;border-radius:9px;flex:none;place-items:center;font:700 13px Manrope,sans-serif;display:grid}.link-cell>div:last-child{flex-direction:column;min-width:0;display:flex}.link-cell strong{color:var(--navy);font-size:12px}.short-link{color:var(--teal-dark);text-align:left;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:11px;display:flex}.link-cell span{text-overflow:ellipsis;white-space:nowrap;color:#9babb4;max-width:340px;font-size:9px;overflow:hidden}.status{border-radius:999px;padding:4px 9px;font-size:10px;font-weight:600;display:inline-flex}.status.active{color:#16845f;background:#def6ec}.status.expired{color:#8c9299;background:#edf0f2}.click-count{color:var(--navy);font:600 13px Manrope,sans-serif}.row-actions{color:#9aabb3;justify-content:flex-end;align-items:center;gap:6px;display:flex}.row-actions button{color:#8297a1;background:0 0;border:0;border-radius:6px;place-items:center;width:30px;height:30px;padding:0;display:grid}.row-actions button:hover{color:var(--teal-dark);background:var(--mint)}.row-actions button:disabled{opacity:.35;cursor:not-allowed}.row-actions button:nth-child(3):hover{color:#c94d55;background:#fff0f1}.table-footer{border-top:1px solid var(--line);color:#91a1aa;justify-content:space-between;align-items:center;padding:14px 28px;font-size:10px;display:flex}.table-footer a{color:var(--teal-dark);align-items:center;gap:3px;font-weight:600;text-decoration:none;display:flex}.empty-state{color:#95a6af;flex-direction:column;align-items:center;gap:7px;padding:48px;display:flex}.empty-state strong{color:var(--navy);font-size:14px}.empty-state span{font-size:11px}.detail-toggle .icon{transition:transform .2s}.detail-toggle.expanded .icon{transform:rotate(90deg)}.detail-row:hover{background:0 0}.detail-row td{background:#f7fbfb;padding:0 28px 18px}.link-detail{background:#fff;border:1px solid #dce9e9;border-radius:10px;grid-template-columns:1.15fr .9fr .45fr 100px auto;align-items:center;gap:18px;padding:16px 18px;display:grid}.link-detail>div:not(.detail-actions){flex-direction:column;gap:3px;min-width:0;display:flex}.link-detail span{color:#8a9da7;text-transform:uppercase;letter-spacing:.5px;font-size:9px}.link-detail strong{color:var(--navy);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.detail-qr{color:#82949e;cursor:pointer;background:#f8fdfc;border:1px solid #d8e8e7;border-radius:9px;flex-direction:column;align-items:center;gap:4px;padding:7px;display:flex}.detail-qr:hover,.detail-qr:focus-visible{background:var(--mint);border-color:#78ccc3}.detail-qr:focus-visible{outline:3px solid #10a69a29}.detail-qr img{border-radius:4px;width:66px;height:66px;display:block}.detail-qr span{text-transform:none;letter-spacing:0;font-size:8px}.detail-actions{gap:7px;display:flex}.detail-actions button{color:#52707d;background:#fff;border:1px solid #cfe0e1;border-radius:7px;align-items:center;gap:5px;padding:7px 9px;font-size:10px;display:flex}.detail-actions button:hover{color:var(--teal-dark);border-color:#87ccc5}.detail-actions button:disabled{opacity:.4;cursor:not-allowed}.swal2-popup.shortly-alert{border-radius:18px;padding:28px}.shortly-alert .swal2-title{font-family:IBM Plex Sans Thai,sans-serif;font-size:22px}.shortly-alert .swal2-html-container{color:#78909b;font-family:IBM Plex Sans Thai,sans-serif}.swal-link,.swal-qr-link{color:#0b8b82;word-break:break-all;background:#10a69a1a;border-radius:7px;max-width:100%;padding:7px 11px;font-weight:600;display:inline-block}.swal-qr-hint{color:#78909b;margin-top:8px;font-size:12px}.qr-alert .swal2-image{border:10px solid #fff;border-radius:14px;margin:18px auto 4px;box-shadow:0 10px 30px #102a431f}.shortly-alert .swal2-actions{gap:8px}.shortly-alert .swal2-styled{border-radius:9px;padding:10px 22px;font-family:IBM Plex Sans Thai,sans-serif;box-shadow:none!important}.swal2-toast{border:1px solid var(--line)!important;border-radius:12px!important;font-family:IBM Plex Sans Thai,sans-serif!important;box-shadow:0 16px 40px #102a432e!important}footer{border-top:1px solid var(--line);color:#96a7b0;background:#fff;align-items:center;gap:19px;min-height:92px;padding:20px max(5vw,28px);font-size:10px;display:flex}.brand.compact{font-size:18px}.brand.compact .brand-mark{border-radius:8px 8px 8px 3px;width:29px;height:29px}footer p{color:#667d8b;font-size:11px}footer>span{margin-left:auto}.footer-links{gap:14px;display:flex}.footer-links a{color:#69808c;text-decoration:none}.footer-links a:hover{color:var(--teal-dark);text-decoration:underline}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[data-theme=dark]{--navy:#e7f4f5;--muted:#9bb0ba;--teal:#3acabd;--teal-dark:#58d8cd;--mint:#153f40;--line:#29454e;--white:#132a33;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] body{background:#0b1c24}[data-theme=dark] .app-shell{background:linear-gradient(#0b1c24,#10252d)}[data-theme=dark] .topbar{background:#0e2028f2}[data-theme=dark] .theme-toggle,[data-theme=dark] .search-box,[data-theme=dark] select{color:#dcebec;background:#19323b}[data-theme=dark] .creator-card,[data-theme=dark] .links-section,[data-theme=dark] .stats-grid article,[data-theme=dark] footer{background:#132a33}[data-theme=dark] .input-wrap,[data-theme=dark] .split-input,[data-theme=dark] .split-input span{background:#10252d;border-color:#31515a}[data-theme=dark] input,[data-theme=dark] select{color:#dcebec}[data-theme=dark] th,[data-theme=dark] .detail-row td{background:#10252d}[data-theme=dark] td{border-color:#27434b}[data-theme=dark] tbody tr:not(.detail-row):hover{background:#17343c}[data-theme=dark] .link-detail,[data-theme=dark] .detail-actions button,[data-theme=dark] .result-actions button,[data-theme=dark] .detail-qr{background:#19343c;border-color:#31515a}[data-theme=dark] .result-card{background:linear-gradient(120deg,#132a33,#11332f);border-color:#28675f}[data-theme=dark] .floating-card{background:#142d35f5;border-color:#31515a}[data-theme=dark] .glow{opacity:.3}[data-theme=dark] .status.expired{color:#aebbc1;background:#2c3d43}@media (width<=900px){.hero-section{grid-template-columns:1fr}.hero-art{display:none}.hero-copy{text-align:center;padding:45px 0}.hero-copy p{margin:0 auto}.stats-grid{grid-template-columns:repeat(2,1fr)}.topbar{gap:20px}.profile div:nth-child(2),.profile-chevron{display:none}}@media (width<=650px){main{width:min(100% - 24px,1160px)}.topbar{gap:10px;height:65px;padding:0 16px}.menu-button{place-items:center;display:grid}.theme-toggle{margin-left:0}.topbar nav{border:1px solid var(--line);background:var(--white);border-radius:10px;height:auto;padding:8px;display:none;position:absolute;top:64px;left:12px;right:12px;box-shadow:0 16px 35px #1d454e24}.topbar nav.nav-open{flex-direction:column;align-items:stretch;gap:0;display:flex}.topbar nav a{border:0;padding:12px;display:block}.profile{margin-left:0}.avatar{width:34px;height:34px}.hero-section{min-height:270px}.hero-copy h1{font-size:37px}.hero-copy p{font-size:14px}.creator-card{padding:22px 18px}.url-row,.advanced-row{grid-template-columns:1fr}.primary-button{width:100%}.result-card{flex-direction:column;align-items:stretch;padding:22px}.result-card h2{font-size:17px}.qr-result{border:0;border-top:1px solid #d9ece8;flex-direction:column;align-items:center;padding:20px 0 0;display:flex}.qr-result img{width:150px}.qr-result span{font-size:11px}.result-actions{flex-wrap:wrap}.result-actions button{flex:1;justify-content:center;min-width:125px}.stats-grid{grid-template-columns:1fr}.links-header{flex-direction:column;align-items:flex-start;gap:15px;padding:20px}.search-box{width:100%}.table-wrap{overflow:visible}table{min-width:0;display:block}thead{display:none}tbody{display:block}tbody>tr{width:100%;display:block}tbody>tr:not(.detail-row){border-bottom:1px solid var(--line);padding:14px 0}tbody>tr:not(.detail-row) td{border:0;padding:5px 18px;display:block}.link-cell{min-width:0}.link-cell span{max-width:calc(100vw - 120px)}.status,.click-count{margin-left:48px}.row-actions{justify-content:flex-start;margin-left:42px}.detail-row td{border:0;padding:0 14px 16px;display:block}.link-detail{grid-template-columns:1fr;gap:13px}.detail-actions{flex-wrap:wrap}.detail-actions button{flex:1;justify-content:center}.table-footer{padding:13px 18px}footer{flex-wrap:wrap}footer>span{width:100%;margin:0}.brand{font-size:21px}}@media (width<=420px){.stats-grid article{padding:16px}.hero-copy h1{font-size:33px}.brand>span:last-child{display:none}.result-actions button{width:100%}.qr-result img{width:170px}}