:root{--font-ui:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--font-ui);color:#18302f;font-synthesis:none;text-rendering:optimizelegibility;--ink:#132d2c;--muted:#6d7f7d;--line:#dfe7e5;--green-950:#0d2927;--green-800:#174943;--green-600:#2f8f87;--green-500:#45a39a;--green-100:#dff2ef;--cream:#f7f2e8;--amber:#e5a94b;--shadow:0 18px 50px #123a3717;background:#f4f7f6}*{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;text-decoration:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.eyebrow{color:var(--green-600);letter-spacing:.115em;text-transform:uppercase;align-items:center;gap:7px;font-size:.72rem;font-weight:700;display:flex}.brand{align-items:center;gap:11px;display:flex}.brand__mark{color:#fff;background:var(--green-600);border-radius:12px 5px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 8px 18px #2f8f8740}.brand>span:last-child{align-items:baseline;gap:5px;display:flex}.brand strong{letter-spacing:-.035em;font-family:inherit;font-size:1rem}.brand small{color:var(--green-600);letter-spacing:.09em;text-transform:uppercase;font-size:.68rem;font-weight:700}.button{border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 17px;font-size:.84rem;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.6;cursor:wait;transform:none}.button--primary{color:#fff;background:var(--green-800);box-shadow:0 8px 18px #1749432e}.button--primary:hover{background:#1d5b54;box-shadow:0 10px 22px #1749433d}.button--secondary{color:var(--ink);border-color:var(--line);background:#fff}.button--ghost{color:var(--green-800);background:0 0}.button--light{color:var(--green-950);background:#fff;box-shadow:0 12px 24px #0323202e}.button--full{width:100%}.icon-button{color:#657775;background:0 0;border:0;border-radius:9px;place-items:center;width:36px;height:36px;padding:0;transition:all .18s;display:grid}.icon-button:hover{color:var(--ink);background:#edf2f1}.icon-button--danger:hover{color:#a64848;background:#faeeee}.login-shell{grid-template-columns:minmax(420px,1.05fr) minmax(420px,.95fr);min-height:100vh;display:grid}.login-visual{color:#edf8f6;background:var(--green-950);flex-direction:column;justify-content:space-between;padding:46px 7vw;display:flex;position:relative;overflow:hidden}.login-visual:before,.login-visual:after{content:"";border:1px solid #85cdc333;border-radius:50%;position:absolute}.login-visual:before{width:670px;height:670px;top:-120px;right:-310px;box-shadow:0 0 0 90px #599f9609,0 0 0 180px #599f9606}.login-visual:after{width:280px;height:280px;bottom:20px;left:-170px}.login-visual .brand{z-index:1}.login-visual .brand__mark{color:var(--green-950);background:#a5dbd4}.login-visual .brand small{color:#8fc9c1}.login-visual__content{z-index:1;max-width:610px;position:relative}.login-visual__content .eyebrow{color:#8fc9c1}.login-visual h1{font:800 clamp(2.5rem, 5vw, 4.8rem)/.99 var(--font-ui);letter-spacing:-.065em;margin:20px 0 18px}.login-visual p{color:#b7cfcc;max-width:520px;font-size:1.1rem;line-height:1.7}.login-visual__domain{z-index:1;color:#b8d5d1;background:#ffffff12;border:1px solid #ffffff1c;border-radius:12px;width:fit-content;padding:12px 17px;font-family:ui-monospace,monospace;font-size:.84rem;position:relative}.login-visual__domain strong{color:#fff}.login-panel{background:#f7faf9;place-items:center;padding:50px 8vw;display:grid}.login-card{width:min(420px,100%)}.login-card__mobile-brand{margin-bottom:50px;display:none}.login-card h2{font:800 2.1rem/1.15 var(--font-ui);letter-spacing:-.05em;margin:12px 0 8px}.login-card>p{color:var(--muted);margin:0 0 30px}.login-card label,.drawer label{color:#344a48;gap:8px;margin:18px 0;font-size:.8rem;font-weight:700;display:grid}.login-card input,.drawer input{width:100%;height:48px;color:var(--ink);background:#fff;border:1px solid #d6e1df;border-radius:10px;outline:none;padding:0 14px;font-size:.9rem;transition:border .18s,box-shadow .18s}.login-card input:focus,.drawer input:focus{border-color:var(--green-500);box-shadow:0 0 0 3px #45a39a21}.mock-note{color:#4a6b67;background:#eaf5f3;border-radius:9px;align-items:center;gap:9px;margin-bottom:24px;padding:11px 13px;font-size:.77rem;display:flex}.form-error{font-size:.8rem;color:#a34141!important;margin:-5px 0 15px!important}.login-card__secure{color:#80908e;justify-content:center;align-items:center;gap:6px;margin-top:17px;font-size:.7rem;display:flex}.mfa-setup{background:#eef6f4;border:1px solid #d7e9e5;border-radius:10px;gap:8px;margin-bottom:18px;padding:14px;display:grid}.mfa-setup>span{color:#607672;font-size:.68rem;font-weight:700}.mfa-setup code{overflow-wrap:anywhere;color:#183f3b;letter-spacing:.08em;background:#fff;border-radius:7px;padding:10px;font:700 .78rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.mfa-setup a{width:fit-content;color:var(--green-600);font-size:.72rem;font-weight:700}.mfa-setup small{color:#718681;font-size:.66rem;line-height:1.5}.app-loading{background:#f4f7f6;place-content:center;gap:25px;min-height:100vh;display:grid}.app-loading>span{background:#dce6e4;border-radius:2px;width:120px;height:3px;overflow:hidden}.app-loading>span:after{content:"";background:var(--green-500);width:45%;height:100%;animation:1s ease-in-out infinite loading;display:block}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(230%)}}.app-shell{background:#f3f6f5;min-height:100vh}.sidebar{z-index:30;border-right:1px solid var(--line);background:#fff;flex-direction:column;width:244px;padding:28px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar__top{justify-content:space-between;align-items:center;padding:0 8px;display:flex}.sidebar__close{display:none}.sidebar nav{gap:5px;margin-top:46px;display:grid}.sidebar nav a{color:#748381;border-radius:10px;align-items:center;gap:11px;height:43px;padding:0 12px;font-size:.83rem;font-weight:600;display:flex}.sidebar nav a:hover{color:var(--ink);background:#f4f7f6}.sidebar nav a.active{color:var(--green-800);background:#e9f4f2}.sidebar nav a span{color:#60807c;text-align:center;background:#d8ebe8;border-radius:10px;min-width:22px;margin-left:auto;padding:2px 6px;font-size:.65rem}.sidebar__domain{background:#f5f8f7;border:1px solid #e5eceb;border-radius:12px;gap:7px;margin:auto 2px 20px;padding:16px;display:grid}.sidebar__domain>span{color:#8a9997;letter-spacing:.08em;text-transform:uppercase;font-size:.64rem;font-weight:700}.sidebar__domain strong{align-items:center;gap:7px;font-size:.78rem;display:flex}.sidebar__domain strong i,.metric-online i{background:#4cb87e;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 3px #4cb87e21}.sidebar__domain small{color:#718380;font-size:.7rem}.sidebar__footer{border-top:1px solid var(--line);grid-template-columns:34px 1fr 30px;align-items:center;gap:9px;padding:16px 5px 0;display:grid}.avatar{color:#fff;background:var(--green-800);border-radius:50%;place-items:center;width:34px;height:34px;font-size:.65rem;font-weight:700;display:grid}.sidebar__footer>div:nth-child(2){min-width:0;display:grid}.sidebar__footer strong{white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.sidebar__footer span{color:#8a9997;margin-top:2px;font-size:.63rem}.main-content{min-height:100vh;margin-left:244px;padding:32px clamp(24px,4vw,64px) 22px}.topbar{justify-content:space-between;align-items:center;gap:20px;min-height:55px;display:flex}.topbar h1{font:800 1.65rem/1.2 var(--font-ui);letter-spacing:-.045em;margin:3px 0 0}.topbar__actions{align-items:center;gap:10px;display:flex}.menu-button{display:none}.demo-pill{color:#7a6536;background:#fff5d9;border:1px solid #f0dfae;border-radius:20px;padding:7px 10px;font-size:.68rem;font-weight:700}.hero-strip{color:#eff9f7;background:linear-gradient(116deg,#113c38,#1d6961);border-radius:20px;justify-content:space-between;align-items:flex-end;gap:30px;min-height:218px;margin-top:29px;padding:35px 40px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 35px #113c3824}.hero-strip>div:first-child{z-index:2;position:relative}.hero-strip>div>span{color:#9ed1cb;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;font-size:.7rem;font-weight:700;display:flex}.hero-strip h2{font:800 clamp(1.7rem, 3vw, 2.55rem)/1.08 var(--font-ui);letter-spacing:-.055em;margin:13px 0 9px}.hero-strip p{color:#b7d6d2;max-width:630px;margin:0;font-size:.85rem}.hero-strip p strong{color:#fff}.hero-strip .button{z-index:2;flex:none;position:relative}.hero-strip__rings{border:1px solid #b1e0d930;border-radius:50%;width:360px;height:360px;position:absolute;top:-150px;right:-70px;box-shadow:0 0 0 60px #b1e0d909,0 0 0 120px #b1e0d906}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin:19px 0;display:grid}.metric-grid article{background:#fff;border:1px solid #e1e9e7;border-radius:15px;align-items:flex-start;gap:14px;min-height:116px;padding:19px;display:flex}.metric-icon{border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.metric-icon svg{width:17px}.metric-icon--green{color:#267e75;background:#e0f2ef}.metric-icon--blue{color:#557caa;background:#e7eef8}.metric-icon--amber{color:#a8792c;background:#faefd9}.metric-icon--rose{color:#a05e68;background:#f7e8eb}.metric-grid article>div{display:grid}.metric-grid small{color:#7a8987;font-size:.68rem;font-weight:600}.metric-grid strong{font:800 1.45rem/1.2 var(--font-ui);letter-spacing:-.04em;margin-top:4px}.metric-grid em{color:#899694;margin-top:6px;font-size:.62rem;font-style:normal}.metric-grid em svg{vertical-align:middle;color:#44a377;width:11px}.metric-online{align-items:center;gap:8px;display:flex;font:700 .82rem/1.2 var(--font-ui)!important;letter-spacing:0!important;margin-top:10px!important}.links-card{background:#fff;border:1px solid #e0e8e6;border-radius:17px;box-shadow:0 10px 28px #15383509}.links-card>header{justify-content:space-between;align-items:flex-end;gap:20px;padding:23px 24px 17px;display:flex}.links-card h2{font:800 1.25rem/1.2 var(--font-ui);letter-spacing:-.035em;margin:4px 0 0}.table-tools{gap:8px;display:flex}.search-box{color:#84928f;background:#f7f9f9;border:1px solid #e1e8e6;border-radius:9px;align-items:center;gap:8px;width:min(280px,28vw);height:38px;padding:0 11px;display:flex}.search-box input{background:0 0;border:0;outline:0;width:100%;font-size:.74rem}.filter-select{background:#fff;border:1px solid #dfe7e5;border-radius:9px;align-items:center;width:105px;height:38px;padding:0 9px;display:flex;position:relative}.filter-select select{appearance:none;color:#526461;background:0 0;border:0;outline:0;width:100%;font-size:.72rem;font-weight:600}.filter-select svg{pointer-events:none;position:absolute;right:8px}.table-wrap{border-radius:0 0 17px 17px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:780px}th{color:#8a9896;text-align:left;letter-spacing:.06em;text-transform:uppercase;background:#f8faf9;border-block:1px solid #e7eceb;height:41px;padding:0 18px;font-size:.63rem;font-weight:700}td{border-bottom:1px solid #edf1f0;height:76px;padding:10px 18px;font-size:.75rem}tbody tr{cursor:pointer;transition:background .15s}tbody tr:hover,tbody tr.selected{background:#f6faf9}tbody tr:last-child td{border-bottom:0}.link-cell{align-items:center;gap:12px;min-width:300px;display:flex}.link-favicon{color:#3f756f;width:34px;height:34px;font:800 .76rem var(--font-ui);background:#e5f1ef;border-radius:9px;flex:none;place-items:center;display:grid}.link-cell>div{gap:2px;min-width:0;display:grid}.link-cell strong{color:#253b39;font-size:.78rem}.link-cell button{width:fit-content;color:var(--green-600);background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:.68rem;display:flex}.link-cell small{color:#9aa6a4;text-overflow:ellipsis;white-space:nowrap;max-width:330px;font-size:.61rem;overflow:hidden}.status{border-radius:12px;align-items:center;gap:6px;width:fit-content;padding:5px 8px;font-size:.62rem;font-weight:700;display:inline-flex}.status span{border-radius:50%;width:6px;height:6px}.status--active{color:#347b5b;background:#e5f4eb}.status--active span{background:#45a873}.status--inactive{color:#8b7039;background:#faf0dc}.status--inactive span{background:#d4a446}.status--archived{color:#7e8584;background:#edf0ef}.status--archived span{background:#9ca5a3}.click-count{font-size:.8rem}.last-open{color:#70817e;white-space:nowrap;font-size:.68rem}.row-actions{opacity:0;justify-content:flex-end;transition:opacity .15s;display:flex}tr:hover .row-actions,tr.selected .row-actions{opacity:1}.skeleton-row td{padding:20px}.skeleton-row span{background:linear-gradient(90deg,#f0f4f3,#f7f9f9,#f0f4f3) 0 0/200%;border-radius:7px;height:32px;animation:1.4s infinite shimmer;display:block}@keyframes shimmer{to{background-position:-200% 0}}.empty-state{color:#9aa6a4;place-content:center;justify-items:center;min-height:220px;display:grid}.empty-state svg{margin-bottom:12px}.empty-state strong{color:#536562}.empty-state span{margin-top:5px;font-size:.74rem}.page-footer{color:#9ba6a4;justify-content:space-between;padding:21px 3px 0;font-size:.63rem;display:flex}.drawer-backdrop,.detail-backdrop{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#09201e6b;justify-content:flex-end;animation:.18s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}}.drawer,.detail-panel{background:#fff;width:min(480px,100%);height:100%;padding:30px;animation:.24s ease-out slideIn;overflow-y:auto;box-shadow:-20px 0 60px #0000001f}@keyframes slideIn{0%{opacity:0;transform:translate(35px)}}.drawer>header,.detail-panel>header{justify-content:space-between;align-items:flex-start;display:flex}.drawer h2,.detail-panel h2{font:800 1.45rem/1.2 var(--font-ui);letter-spacing:-.045em;margin:5px 0 0}.drawer form{margin-top:28px}.drawer label>span{color:#bd5656}.drawer label>small{color:#93a09e;margin-left:6px;font-size:.65rem;font-weight:500;display:inline}.drawer label em{color:#91a09e;font-size:.64rem;font-style:normal;font-weight:400}.slug-input{border:1px solid #d6e1df;border-radius:10px;align-items:center;height:48px;display:flex;overflow:hidden}.slug-input:focus-within{border-color:var(--green-500);box-shadow:0 0 0 3px #45a39a21}.slug-input span{color:#617572;background:#f4f7f6;align-items:center;height:100%;padding:0 4px 0 13px;font-size:.76rem;font-weight:500;display:flex}.slug-input input{border:0;border-radius:0;height:100%;padding-left:3px;box-shadow:none!important}.drawer__preview{color:#b8d6d2;background:var(--green-950);border-radius:12px;gap:6px;margin:25px 0;padding:17px;display:grid}.drawer__preview span{text-transform:uppercase;letter-spacing:.1em;font-size:.62rem}.drawer__preview strong{color:#fff;font-family:ui-monospace,monospace;font-size:.82rem}.drawer footer{border-top:1px solid var(--line);justify-content:flex-end;gap:9px;padding-top:20px;display:flex}.detail-backdrop{align-items:center;padding:28px}.detail-panel{border-radius:18px;width:min(570px,100%);height:auto;max-height:calc(100vh - 56px);margin-left:auto;animation:.22s ease-out detailIn}@keyframes detailIn{0%{opacity:0;transform:translateY(20px)}}.detail-link{background:#f5f8f7;border:1px solid #e2eae8;border-radius:11px;align-items:center;gap:10px;margin-top:25px;padding:14px;display:flex}.detail-link>div{gap:4px;min-width:0;display:grid}.detail-link strong{color:var(--green-600);font-family:ui-monospace,monospace;font-size:.78rem}.detail-link span{color:#8b9997;text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;overflow:hidden}.detail-link button{flex:none;margin-left:auto}.detail-meta{color:#80908d;align-items:center;gap:12px;margin:13px 0 25px;font-size:.65rem;display:flex}.detail-meta>span:not(.status){align-items:center;gap:5px;display:flex}.detail-chart{border:1px solid var(--line);border-radius:13px;padding:19px}.section-heading{justify-content:space-between;align-items:flex-start;display:flex}.section-heading>div{display:grid}.section-heading span{color:#82918f;font-size:.68rem}.section-heading strong{font:800 1.4rem var(--font-ui);margin-top:2px}.section-heading small{color:#9aa6a4;font-size:.62rem}.chart-wrap{height:150px;margin-top:9px}.chart-wrap svg{width:100%;height:125px;overflow:visible}.chart-wrap line{stroke:#e7edec;stroke-width:.4px}.chart-labels{color:#9ba7a5;justify-content:space-between;font-size:.58rem;display:flex}.chart-empty{color:#9ca8a6;place-content:center;justify-items:center;gap:7px;height:150px;font-size:.7rem;display:grid}.chart-skeleton{background:linear-gradient(90deg,#f0f4f3,#fafbfb,#f0f4f3) 0 0/200%;border-radius:8px;height:150px;margin-top:10px;animation:1.4s infinite shimmer}.split-stats{grid-template-columns:1fr 1fr;gap:12px;margin-top:13px;display:grid}.split-stats>div{border:1px solid var(--line);border-radius:11px;padding:15px}.split-stats span{color:#667976;align-items:center;gap:6px;font-size:.67rem;font-weight:600;display:flex}.bar{background:#e8eeed;border-radius:5px;height:5px;margin:13px 0 8px;overflow:hidden}.bar i{background:var(--green-500);border-radius:5px;height:100%;display:block}.bar--amber i{background:var(--amber)}.split-stats p{color:#7e8d8b;margin:0;font-size:.61rem}.split-stats p b{color:var(--ink)}.split-stats p em{float:right;font-style:normal}.bot-note{color:#627b77;background:#eef6f4;border-radius:10px;align-items:center;gap:10px;margin-top:13px;padding:13px;display:flex}.bot-note>div{gap:2px;display:grid}.bot-note strong{font-size:.67rem}.bot-note span{color:#859692;font-size:.58rem}.detail-panel>footer{border-top:1px solid var(--line);justify-content:space-between;margin-top:22px;padding-top:18px;display:flex}.toast{z-index:100;color:#fff;background:#1d3f3b;border-radius:11px;align-items:center;gap:10px;min-width:270px;padding:13px 16px;font-size:.76rem;font-weight:600;animation:.25s ease-out toastIn;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 15px 35px #0003}.toast svg{width:17px}.toast--error{background:#813e3e}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}}.mobile-overlay{display:none}@media (width<=1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.hero-strip{align-items:center}.hero-strip p{max-width:520px}}@media (width<=820px){.login-shell{grid-template-columns:1fr}.login-visual{display:none}.login-panel{padding:35px 24px}.login-card__mobile-brand{display:block}.sidebar{transition:transform .22s;transform:translate(-100%);box-shadow:15px 0 40px #00000024}.sidebar--open{transform:translate(0)}.sidebar__close{display:grid}.mobile-overlay{z-index:25;background:#061c1a59;border:0;padding:0;display:block;position:fixed;inset:0}.main-content{margin-left:0;padding:24px 20px}.menu-button{margin-right:-5px;display:grid}.topbar{justify-content:flex-start}.topbar__actions{margin-left:auto}.topbar .eyebrow{display:none}.hero-strip{flex-direction:column;align-items:flex-start;min-height:245px;padding:30px}.hero-strip .button{margin-top:8px}.links-card>header{flex-direction:column;align-items:flex-start}.table-tools,.search-box{width:100%}.detail-backdrop{align-items:flex-end;padding:0}.detail-panel{border-radius:18px 18px 0 0;width:100%;max-height:92vh}}@media (width<=560px){.main-content{padding:19px 14px}.topbar h1{font-size:1.25rem}.topbar .button{width:42px;padding:0;font-size:0}.topbar .button svg{margin:0}.hero-strip{margin-top:20px;padding:25px 22px}.hero-strip h2{font-size:1.65rem}.hero-strip p{line-height:1.5}.hero-strip__rings{right:-180px}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-grid article{flex-direction:column;gap:9px;min-height:128px;padding:15px}.metric-grid strong{font-size:1.25rem}.links-card>header{padding:19px 17px 15px}.filter-select{width:95px}.page-footer{flex-direction:column;gap:5px}.drawer{padding:24px 20px}.slug-input span{font-size:.66rem}.drawer footer{background:#fff;margin-inline:-20px;padding:15px 20px 24px;position:sticky;bottom:-24px}.detail-panel{padding:22px 18px}.detail-meta{flex-wrap:wrap}.split-stats{grid-template-columns:1fr}.detail-panel>footer{flex-direction:column;align-items:stretch}.toast{min-width:0;bottom:14px;left:14px;right:14px}}