:root{--ink:#172421;--muted:#66736f;--line:#dde5e1;--paper:#f6f8f6;--white:#fff;--green:#126957;--green-dark:#0c4d41;--green-soft:#e9f4ef;--lime:#d8f26a;--orange:#ff8a5b;--danger:#b94141;--shadow:0 18px 50px rgba(20,48,40,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px Tahoma,Arial,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.topbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.topbar__inner{max-width:1240px;height:74px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:800}.brand__mark{width:34px;height:34px;border-radius:10px;background:var(--green);display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:8px}.brand__mark i{display:block;width:4px;background:var(--lime);border-radius:4px}.brand__mark i:nth-child(1){height:8px}.brand__mark i:nth-child(2){height:17px}.brand__mark i:nth-child(3){height:12px}.topbar__nav{display:flex;align-items:center;gap:24px}.topbar__nav>a:not(.button){color:#4f5d59;font-weight:600}.topbar__nav a[aria-current=page]{color:var(--green)}.inline-form{margin:0}.user-chip{background:var(--green-soft);color:var(--green-dark);border-radius:99px;padding:5px 12px;font-size:13px}.button{border:1px solid transparent;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:11px 18px;font-weight:700;transition:.2s}.button:hover{transform:translateY(-1px)}.button--primary{background:var(--green);color:#fff;box-shadow:0 8px 22px rgba(18,105,87,.18)}.button--primary:hover{background:var(--green-dark)}.button--secondary,.button--ghost{background:#fff;border-color:var(--line);color:var(--ink)}.button--secondary:hover,.button--ghost:hover{border-color:#9eb2aa}.button--small{padding:7px 14px;border-radius:8px}.button--large{padding:14px 23px}.button--block{width:100%}.button--light{background:var(--lime);color:var(--ink)}.button--danger{background:#fff0f0;border-color:#f0caca;color:var(--danger)}.page-shell{max-width:1240px;margin:auto;padding:44px 28px 80px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:12px;font-weight:800;letter-spacing:.04em}.eyebrow>span{width:18px;height:2px;background:currentColor}.notice{padding:12px 16px;background:#fff8db;border:1px solid #eedf9b;border-radius:10px}.notice--success{background:var(--green-soft);border-color:#b9ddce;color:var(--green-dark)}.form-error,.errorlist{color:var(--danger);background:#fff0f0;border-radius:8px;padding:10px 12px;list-style:none}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:13px;font-weight:700}.field input,.field select,.field textarea,.filter-bar input,.filter-bar select{width:100%;border:1px solid #ccd7d2;background:#fff;border-radius:9px;padding:11px 13px;color:var(--ink);outline:none;transition:.2s}.field input:focus,.field select:focus,.filter-bar input:focus,.filter-bar select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(18,105,87,.1)}
/* landing */.marketing-page{background:#fff}.marketing-main{overflow:hidden}.hero{max-width:1240px;min-height:680px;margin:auto;padding:80px 28px 100px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px}.hero h1{font-size:50px;line-height:1.42;margin:20px 0 22px;letter-spacing:-.035em}.hero h1 em{font-style:normal;color:var(--green);position:relative}.hero__copy>p{font-size:18px;color:var(--muted);max-width:640px}.hero__actions{display:flex;align-items:center;gap:25px;margin-top:34px}.text-link{color:var(--green);font-weight:700;border-bottom:1px solid}.trust-row{display:flex;gap:24px;flex-wrap:wrap;margin-top:38px;color:var(--muted);font-size:12px}.trust-row span:before{content:'✓';color:var(--green);font-weight:bold;margin-left:6px}.hero__visual{position:relative;min-height:490px;display:flex;align-items:center}.hero__visual:before{content:'';position:absolute;width:420px;height:420px;background:#e8f1ed;border-radius:48% 52% 62% 38%;transform:rotate(12deg);left:6%;top:4%}.browser-mock{position:relative;z-index:2;width:100%;direction:ltr;background:#fff;border:1px solid #d4dfda;border-radius:16px;box-shadow:0 35px 80px rgba(14,66,54,.18);overflow:hidden;transform:rotate(-2deg)}.browser-mock__bar{height:42px;background:#f0f4f2;display:flex;align-items:center;gap:6px;padding:0 14px}.browser-mock__bar i{width:8px;height:8px;border-radius:50%;background:#c3cfca}.browser-mock__bar span{margin-left:16px;background:#fff;color:#9ba7a2;border-radius:5px;padding:3px 50px;font-size:9px}.mock-page{height:350px;padding:25px 30px;position:relative;background:linear-gradient(130deg,#fff 65%,#f2f6f4 65%)}.mock-nav{height:10px;width:72%;background:#dae3df;border-radius:8px}.mock-title{height:25px;width:55%;background:#1a3630;margin-top:55px;border-radius:5px}.mock-copy{height:9px;width:68%;background:#c8d3ce;margin-top:16px;border-radius:5px;box-shadow:0 16px #dbe3df}.mock-button{height:32px;width:105px;background:var(--green);border-radius:6px;margin-top:45px}.mock-card{position:absolute;width:140px;height:90px;right:30px;bottom:30px;background:#dbe9e3;border-radius:10px}.mock-card.second{right:185px;height:65px;background:#eff3f1}.heat{position:absolute;border-radius:50%;filter:blur(3px);background:radial-gradient(circle,#ff3b30 0,#ffb13b 35%,rgba(255,221,76,.15) 65%,transparent 70%)}.heat--one{width:120px;height:120px;left:90px;top:130px}.heat--two{width:90px;height:90px;right:75px;bottom:45px}.heat--three{width:60px;height:60px;left:230px;top:220px}.cursor{position:absolute;left:165px;top:200px;font-size:28px;color:#111;text-shadow:0 2px 3px #fff}.floating-stat{position:absolute;z-index:3;right:-25px;bottom:5px;background:#fff;border-radius:12px;box-shadow:var(--shadow);padding:14px 18px;display:grid;grid-template-columns:1fr auto;gap:0 20px}.floating-stat strong{font-size:24px}.floating-stat span{color:var(--muted);font-size:11px}.floating-stat b{grid-row:1/3;grid-column:2;color:var(--green);align-self:center}.feature-section{background:var(--paper);padding:100px 28px}.section-heading{max-width:650px;text-align:center;margin:0 auto 50px}.section-heading h2{font-size:34px;margin:10px 0}.section-heading p{color:var(--muted);font-size:16px}.feature-grid{max-width:1184px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;min-height:320px;position:relative;overflow:hidden}.feature-card--accent{background:var(--green);color:#fff}.feature-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:var(--green-soft);color:var(--green);font-size:21px}.feature-card--accent .feature-icon{background:rgba(255,255,255,.15);color:var(--lime)}.feature-card h3{font-size:19px;margin:22px 0 8px}.feature-card p{color:var(--muted);font-size:13px}.feature-card--accent p{color:#c8ddd7}.mini-heatmap{height:100px;margin-top:25px;border-radius:8px;background:rgba(255,255,255,.09);position:relative}.mini-heatmap i{position:absolute;width:55px;height:55px;border-radius:50%;background:radial-gradient(circle,var(--orange),rgba(255,138,91,.1) 65%,transparent 70%)}.mini-heatmap i:nth-child(1){top:8px;right:20px}.mini-heatmap i:nth-child(2){bottom:0;left:35px}.mini-heatmap i:nth-child(3){width:30px;height:30px;right:95px;bottom:8px}.mini-player{margin-top:35px;display:flex;align-items:center;gap:10px}.mini-player span{width:28px;height:28px;border-radius:50%;background:var(--green)}.mini-player b{height:4px;flex:1;background:#dce5e1;border-radius:5px;position:relative}.mini-player b:after{content:'';display:block;width:60%;height:100%;background:var(--green)}.mini-player em{font-size:10px;color:var(--muted)}.mini-bars{height:92px;margin-top:25px;display:flex;align-items:end;gap:8px}.mini-bars i{flex:1;background:var(--green-soft);border-radius:5px 5px 0 0}.mini-bars i:nth-child(1){height:90%}.mini-bars i:nth-child(2){height:68%}.mini-bars i:nth-child(3){height:50%}.mini-bars i:nth-child(4){height:28%;background:var(--green)}.privacy-pill{margin-top:34px;padding:12px;background:var(--green-soft);color:var(--green-dark);border-radius:9px;font-size:11px}.privacy-pill b{float:left}.steps-section{background:var(--green-dark);color:#fff;padding:90px 28px}.section-heading--light .eyebrow{color:var(--lime)}.steps{max-width:1080px;margin:50px auto 80px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);list-style:none}.steps li{display:flex;gap:18px;position:relative}.steps li:not(:last-child):after{content:'';position:absolute;width:45%;height:1px;background:#3b756a;left:6%;top:24px}.steps li>span{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:50%;background:var(--lime);color:var(--ink);font-weight:bold}.steps h3{margin:2px 0}.steps p{color:#a9c4bc;margin:5px 0}.steps-cta{max-width:1080px;margin:auto;padding:30px 36px;border:1px solid #397267;border-radius:15px;display:flex;align-items:center;justify-content:space-between}.steps-cta h3{font-size:22px;margin:0}.footer{max-width:1240px;margin:auto;padding:35px 28px;display:flex;align-items:center;justify-content:space-between;color:var(--muted)}
/* auth */.auth-page{min-height:100vh}.auth-page .topbar{position:relative}.auth-shell{min-height:calc(100vh - 75px);display:grid;grid-template-columns:1fr 1fr;background:#fff}.auth-card{width:min(460px,calc(100% - 48px));margin:auto;padding:40px 0}.auth-card__intro h1{font-size:34px;margin:12px 0 4px}.auth-card__intro p{color:var(--muted);margin-bottom:34px}.stack-form{display:grid;gap:19px}.back-link{display:block;text-align:center;color:var(--muted);margin-top:24px;font-size:13px}.auth-art{position:relative;overflow:hidden;background:var(--green-dark);display:grid;place-items:center;color:#fff}.auth-art__orb{position:absolute;width:600px;height:600px;border:1px solid rgba(216,242,106,.16);border-radius:50%}.auth-art__orb:before,.auth-art__orb:after{content:'';position:absolute;border:1px solid rgba(216,242,106,.12);border-radius:50%;inset:80px}.auth-art__orb:after{inset:170px}.insight-card{position:relative;z-index:2;width:280px;padding:25px;border:1px solid rgba(255,255,255,.17);border-radius:16px;background:rgba(255,255,255,.08);backdrop-filter:blur(12px);transform:rotate(-3deg)}.insight-card span{color:#b8cec8}.insight-card strong{font-size:48px;display:block}.insight-card div{height:80px;display:flex;align-items:end;gap:8px}.insight-card i{width:100%;background:var(--lime);border-radius:3px}.insight-card i:nth-child(1){height:30%}.insight-card i:nth-child(2){height:45%}.insight-card i:nth-child(3){height:40%}.insight-card i:nth-child(4){height:75%}.insight-card i:nth-child(5){height:62%}.insight-card i:nth-child(6){height:90%}.auth-art blockquote{position:absolute;bottom:50px;right:50px;font-size:22px;line-height:1.8}
/* dashboard */.dashboard-heading,.project-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:35px}.dashboard-heading h1,.project-heading h1{font-size:34px;margin:6px 0}.dashboard-heading p,.project-heading p{color:var(--muted);margin:0}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:60px}.project-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:24px;transition:.2s}.project-card:hover{border-color:#9fbab0;box-shadow:var(--shadow);transform:translateY(-3px)}.project-card__top,.project-card__footer{display:flex;align-items:center;justify-content:space-between}.project-avatar{display:grid;place-items:center;width:45px;height:45px;border-radius:11px;background:var(--green);color:var(--lime);font-size:20px;font-weight:bold}.project-avatar--large{width:58px;height:58px;font-size:25px}.status-dot{display:inline-flex;align-items:center;gap:7px;padding:4px 9px;border-radius:99px;background:#f1f2f2;color:var(--muted);font-size:11px}.status-dot:before{content:'';width:6px;height:6px;border-radius:50%;background:#9da6a3}.status-dot--live{background:var(--green-soft);color:var(--green-dark)}.status-dot--live:before{background:#30a578}.project-card h2{font-size:19px;margin:20px 0 2px}.project-card>p{color:var(--muted);font-size:12px}.project-card__footer{border-top:1px solid var(--line);padding-top:16px;margin-top:22px;color:var(--muted);font-size:11px}.project-card__footer b{color:var(--green);font-size:20px}.empty-state{text-align:center;padding:55px;background:#fff;border:1px dashed #bac9c3;border-radius:15px;margin-bottom:45px}.empty-state__visual{position:relative;width:100px;height:80px;margin:auto}.empty-state__visual span{position:relative;z-index:2;display:grid;place-items:center;width:58px;height:58px;margin:auto;border-radius:16px;background:var(--green);color:var(--lime);font-size:30px}.empty-state__visual i{position:absolute;width:35px;height:35px;border:1px solid #cbd7d2;border-radius:10px;top:18px}.empty-state__visual i:nth-child(2){right:0}.empty-state__visual i:nth-child(3){left:0}.empty-state h2{margin-bottom:5px}.empty-state p{color:var(--muted)}.create-panel{scroll-margin-top:100px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:35px;display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.create-panel h2{font-size:24px;margin:10px 0}.create-panel p{color:var(--muted)}.step-number{color:var(--green);font-weight:bold}.create-form{display:grid;grid-template-columns:1fr 1fr;gap:17px}.create-form .button,.create-form .form-error{grid-column:1/-1}.breadcrumbs{display:flex;gap:10px;color:var(--muted);font-size:12px;margin-bottom:26px}.breadcrumbs a{color:var(--green)}.title-row{display:flex;align-items:center;gap:16px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.metric-grid article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px}.metric-grid article>span,.metric-grid small{display:block;color:var(--muted);font-size:11px}.metric-grid strong{display:block;font-size:25px;margin:8px 0}.setup-card,.panel,.advanced-panel,.replay-panel{background:#fff;border:1px solid var(--line);border-radius:15px}.setup-card{padding:28px;margin-bottom:22px}.setup-card__heading,.panel__heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.setup-card h2,.panel h2{margin:5px 0;font-size:20px}.setup-card p{color:var(--muted);margin:0}.setup-state{white-space:nowrap;padding:7px 10px;background:var(--green-soft);color:var(--green-dark);border-radius:8px;font-size:11px}.setup-state b{margin-left:5px}.code-box{direction:ltr;display:flex;align-items:center;gap:10px;background:#14211e;color:#d8ebe4;padding:12px 12px 12px 16px;border-radius:10px;margin-top:22px}.code-box code{flex:1;overflow:auto;white-space:nowrap;font:12px monospace}.button--copy{background:var(--lime);color:var(--ink);padding:8px 14px}.key-row{display:flex;align-items:center;gap:14px;margin-top:12px;color:var(--muted);font-size:11px}.key-row code{direction:ltr;overflow-wrap:anywhere}.copy-status{color:var(--green);font-size:11px}.content-grid,.report-grid{display:grid;grid-template-columns:1.7fr .8fr;gap:22px;margin-top:22px}.panel{padding:24px;min-width:0}.table-wrap{overflow:auto;margin:12px -24px -24px}.table-wrap table{width:100%;border-collapse:collapse}.table-wrap th,.table-wrap td{padding:14px 24px;text-align:right;border-top:1px solid var(--line);white-space:nowrap}.table-wrap th{color:var(--muted);font-size:11px;background:#fbfcfb}.device-pill{font-size:11px;background:#f0f4f2;padding:5px 9px;border-radius:6px}.row-link{color:var(--green);font-weight:bold;font-size:12px}.table-empty{text-align:center;padding:40px;white-space:normal}.table-empty strong,.table-empty span{display:block}.table-empty span{color:var(--muted);font-size:11px}.pagination{display:flex;justify-content:center;gap:20px;padding-top:35px}.pagination a{color:var(--green)}.domain-list article{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:14px 0}.domain-list strong,.domain-list span{display:block}.domain-list strong{font-size:12px}.status-line{font-size:10px;color:#ad7b1f}.status-line.verified{color:var(--green)}details summary{cursor:pointer;list-style:none}.domain-actions{position:absolute;z-index:4;left:20px;width:270px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:14px}.domain-actions code{display:block;overflow:auto;background:var(--paper);padding:8px;font-size:9px}.domain-actions form{display:grid;gap:5px;margin-top:8px}.domain-actions button,.danger-link{border:0;background:none;text-align:right;padding:6px;color:var(--ink)}.danger-link{color:var(--danger)!important}.compact-form{border-top:1px solid var(--line);padding-top:18px;margin-top:8px;display:grid;gap:10px}.advanced-panel{margin-top:22px}.advanced-panel>summary{padding:20px 24px;display:flex;justify-content:space-between}.advanced-panel summary span>*{display:block}.advanced-panel summary small{color:var(--muted)}.advanced-grid{border-top:1px solid var(--line);padding:25px;display:grid;grid-template-columns:1fr 1fr;gap:45px}.advanced-grid h3{margin-top:0}.advanced-grid p{color:var(--muted);font-size:12px}.secret-box{background:#fff8db;padding:12px;border-radius:8px}.secret-box>*{display:block}.secret-box code{overflow-wrap:anywhere}.key-item{display:flex;justify-content:space-between;padding:8px;border-bottom:1px solid var(--line)}.danger-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.danger-form .check-field,.danger-form .button{grid-column:1/-1}.check-field{font-size:11px}.job-list{padding:0;list-style:none}.job-list li{display:flex;justify-content:space-between}.filter-bar{display:grid;grid-template-columns:1.3fr 1fr .7fr 1fr 1fr auto;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;align-items:end}.filter-bar label{font-size:10px;font-weight:bold}.heat-surface{overflow:auto;max-width:100%;max-height:70vh;direction:ltr;background:var(--paper);border-radius:10px;margin-top:15px;min-height:220px}.heat-surface canvas{display:block;max-width:100%;height:auto}.scroll-stats>div{margin:20px 0}.scroll-stats span,.scroll-stats b{display:block;font-size:11px}.scroll-stats b{margin:3px 0 8px}.scroll-stats i{height:6px;background:#e8eeeb;display:block;border-radius:5px;overflow:hidden}.scroll-stats em{height:100%;display:block;background:var(--green)}.replay-panel{padding:20px}.replay-panel #replay{direction:ltr;overflow:auto;max-width:100%;min-height:400px;background:#edf1ef;border-radius:10px}.replay-controls{display:flex;gap:10px;align-items:center;padding-top:16px}.round-button{width:38px;height:38px;border-radius:50%;border:0;background:var(--green);color:#fff}.replay-controls #seek{flex:1}.replay-controls select{padding:7px;border:1px solid var(--line);border-radius:7px}
@media(max-width:1000px){.hero{grid-template-columns:1fr;padding-top:55px}.hero__visual{max-width:650px;margin:auto;width:100%}.feature-grid{grid-template-columns:1fr 1fr}.project-grid{grid-template-columns:1fr 1fr}.content-grid,.report-grid{grid-template-columns:1fr}.filter-bar{grid-template-columns:repeat(3,1fr)}.auth-shell{grid-template-columns:1fr}.auth-art{display:none}}
@media(max-width:700px){.topbar__inner{padding:0 16px;height:64px}.desktop-link,.user-chip{display:none}.page-shell{padding:28px 16px 60px}.hero{padding:50px 18px 75px}.hero h1{font-size:34px}.hero__actions{align-items:flex-start;flex-direction:column}.trust-row{gap:10px 18px}.hero__visual{min-height:360px}.mock-page{height:270px}.floating-stat{right:0}.feature-section,.steps-section{padding:70px 16px}.feature-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr;gap:30px}.steps li:after{display:none}.steps-cta,.dashboard-heading,.project-heading{align-items:flex-start;flex-direction:column}.footer{padding:25px 16px}.project-grid,.metric-grid{grid-template-columns:1fr}.create-panel{grid-template-columns:1fr;padding:24px;gap:20px}.create-form{grid-template-columns:1fr}.setup-card__heading{flex-direction:column}.code-box{align-items:stretch;flex-direction:column}.button--copy{align-self:flex-end}.advanced-grid{grid-template-columns:1fr}.danger-form{grid-template-columns:1fr}.filter-bar{grid-template-columns:1fr}.auth-card{padding:30px 0}.table-wrap th,.table-wrap td{padding:12px 16px}.desktop-link{display:none}}
.replay-panel #replay{overflow:hidden;min-height:320px}
.form-error:empty{display:none}.replay-time{direction:ltr;color:var(--muted);font:11px monospace;min-width:34px;text-align:center}
.visitor-id{direction:ltr;display:inline-block;font:12px monospace;color:var(--green-dark)}.viewport-size{display:block;margin-top:3px;color:var(--muted)}.filter-bar{grid-template-columns:1fr 1fr 1fr .65fr 1fr 1fr auto}
.domain-workspace{background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px;margin-bottom:22px}.domain-workspace__head{display:flex;align-items:end;justify-content:space-between;gap:25px}.domain-workspace h2{margin:5px 0}.domain-add-form{display:flex;gap:8px}.domain-add-form input{min-width:260px;border:1px solid #ccd7d2;border-radius:9px;padding:10px}.endpoint-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.endpoint-card{border:1px solid var(--line);border-radius:12px;padding:17px;display:grid;gap:10px}.endpoint-card--active{border-color:var(--green);box-shadow:0 0 0 3px rgba(18,105,87,.1)}.endpoint-card>div{display:flex;justify-content:space-between;gap:10px}.endpoint-card small{color:var(--muted)}.root-badge{font-size:9px;padding:3px 7px;background:var(--green-soft);color:var(--green);border-radius:99px}.endpoint-actions{display:flex;align-items:center;gap:14px;margin-top:16px}.endpoint-actions code{font-size:11px;background:var(--paper);padding:8px;border-radius:7px}.activity-summary{display:flex;gap:20px;flex-wrap:wrap;margin-top:14px;color:var(--muted);font-size:11px}.activity-summary span{display:flex;align-items:center;gap:6px}.activity-dot{width:8px;height:8px;border-radius:50%;background:#999}.activity-dot--idle{background:#a78bfa}.activity-dot--scroll{background:#35a67b}.activity-dot--click{background:#f05a5a}.activity-track{height:18px;background:#edf1ef;border-radius:9px;position:relative;margin-top:10px;overflow:hidden;direction:ltr}.activity-idle{position:absolute;inset-block:0;background:rgba(167,139,250,.45)}.activity-marker{position:absolute;top:3px;width:12px;height:12px;border:2px solid #fff;border-radius:50%;padding:0;transform:translateX(-50%);z-index:2}.activity-marker--click{background:#f05a5a}.activity-marker--scroll{background:#35a67b}
@media(max-width:900px){.endpoint-grid{grid-template-columns:1fr 1fr}.domain-workspace__head{align-items:stretch;flex-direction:column}.domain-add-form{flex-wrap:wrap}}
@media(max-width:600px){.endpoint-grid{grid-template-columns:1fr}.domain-add-form input{min-width:0;flex:1}}
.persian-datetime{display:flex;direction:ltr}.persian-datetime input{border-radius:9px 0 0 9px!important}.persian-datetime button{border:1px solid #ccd7d2;border-left:0;border-radius:0 9px 9px 0;background:var(--green-soft);color:var(--green-dark);padding:0 12px;font-weight:700}.persian-picker{width:min(390px,calc(100% - 28px));border:0;border-radius:16px;padding:18px;box-shadow:0 25px 80px rgba(0,0,0,.25);direction:rtl;color:var(--ink)}.persian-picker::backdrop{background:rgba(11,30,25,.5);backdrop-filter:blur(3px)}.persian-picker__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.persian-picker__head button,.persian-picker__days button{border:0;background:none;border-radius:8px}.persian-picker__head button{font-size:25px;width:38px;height:38px}.persian-picker__week,.persian-picker__days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.persian-picker__week{color:var(--muted);font-size:11px;margin-bottom:5px}.persian-picker__days button{height:38px;color:var(--ink)}.persian-picker__days button:hover,.persian-picker__days button.selected{background:var(--green);color:#fff}.persian-picker__time{display:flex;align-items:end;justify-content:center;gap:10px;border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.persian-picker__time label{font-size:11px}.persian-picker__time input{display:block;width:72px;border:1px solid #ccd7d2;border-radius:8px;padding:8px;margin-top:4px}.persian-picker__actions{display:flex;gap:8px;margin-top:16px}.persian-picker__actions button{flex:1;border:1px solid var(--line);border-radius:8px;background:#fff;padding:9px;font-weight:700}.persian-picker__actions [data-now]{background:var(--green);color:#fff;border-color:var(--green)}
.api-key-create{display:grid;gap:12px;margin:18px 0 20px}.api-key-create .button{justify-self:start}.api-key-list{border-top:1px solid var(--line)}.key-item{align-items:center;gap:18px;padding:12px 4px}.key-item span,.key-item strong,.key-item code{display:block}.key-item strong{font-size:13px}.key-item code{margin-top:3px;color:var(--muted);font-size:11px}.empty-key-list{padding:10px 0}