:root{--bg:#f6f8f8;--ink:#10231d;--muted:#6c7b76;--line:#dfe7e4;--card:#fff;--green:#19a974;--green-dark:#087a55;--mint:#dff8ee;--danger:#d94c4c;--shadow:0 18px 50px rgba(18,55,44,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;min-height:100vh;position:relative}.shell{width:min(1140px,calc(100% - 40px));margin:auto}.ambient{position:fixed;border-radius:50%;filter:blur(2px);pointer-events:none;z-index:-1}.ambient-one{width:440px;height:440px;background:radial-gradient(circle,rgba(80,223,173,.14),transparent 68%);top:-170px;right:-80px}.ambient-two{width:500px;height:500px;background:radial-gradient(circle,rgba(109,207,225,.08),transparent 70%);bottom:-260px;left:-180px}.nav{height:76px;background:rgba(246,248,248,.86);border-bottom:1px solid rgba(215,225,221,.8);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{font:700 21px 'Space Grotesk';color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:10px}.brand-mark,.mini-logo{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#16ad76,#0c815b);display:inline-grid;place-items:center;color:white;box-shadow:0 8px 18px rgba(20,161,111,.23)}.nav-links{display:flex;align-items:center;gap:22px}.nav-links>a{color:#3b4c46;text-decoration:none;font-weight:600;font-size:14px}.nav-user{font-size:13px;color:var(--muted);padding-left:6px}.nav form{display:inline}.page{padding-top:52px;min-height:calc(100vh - 148px)}.btn{border:0;border-radius:12px;padding:11px 18px;font:600 14px 'DM Sans';cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:linear-gradient(135deg,#1eae79,#09855c);box-shadow:0 10px 24px rgba(18,155,106,.2)}.btn-ghost{color:var(--ink);background:#fff;border:1px solid var(--line)}.btn-light{background:#fff;color:var(--green-dark)}.btn-danger{background:#fff1f1;color:var(--danger);border:1px solid #f7cece}.btn-small{padding:8px 14px;border-radius:10px}.btn-large{padding:14px 22px;font-size:15px}.btn-block{width:100%;padding:13px}.hero{text-align:center;padding:72px 0 46px}.eyebrow{display:flex;align-items:center;justify-content:center;gap:9px;color:var(--green-dark);font-weight:700;font-size:12px;letter-spacing:1.6px;text-transform:uppercase}.eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(25,169,116,.12)}.hero h1,.page-head h1{font-family:'Space Grotesk';letter-spacing:-2.6px}.hero h1{font-size:clamp(48px,7vw,78px);line-height:1.04;margin:20px 0}.hero h1 em{font-style:normal;color:var(--green)}.hero>p{color:var(--muted);font-size:18px;line-height:1.7;max-width:670px;margin:0 auto}.hero-actions{display:flex;justify-content:center;gap:12px;margin:32px 0}.url-demo{max-width:860px;margin:60px auto 0;background:#102b23;border:1px solid #21463b;border-radius:18px;padding:20px;box-shadow:0 28px 70px rgba(17,46,38,.2);display:flex;align-items:center;gap:8px;color:#c8d9d3;text-align:left}.dot{width:9px;height:9px;border-radius:50%}.red{background:#ef6b67}.amber{background:#eeb65a}.green{background:#50c18d}.demo-long,.demo-short{margin-left:12px;padding:10px 14px;background:#17382e;border-radius:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 13px monospace}.demo-long{flex:1;color:#78938a}.demo-arrow{color:#5a7d72}.demo-short{color:#68e5b5}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:15px 0 60px}.feature{padding:27px;background:rgba(255,255,255,.72);border:1px solid var(--line);border-radius:20px}.feature-icon{width:42px;height:42px;border-radius:13px;background:var(--mint);color:var(--green-dark);display:grid;place-items:center;font-size:20px}.feature h3{margin:18px 0 8px;font:700 18px 'Space Grotesk'}.feature p{margin:0;color:var(--muted);line-height:1.6;font-size:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.auth-wrap{min-height:630px;display:grid;place-items:center;padding-bottom:60px}.auth-card{width:min(450px,100%);padding:34px}.card-heading{text-align:center}.card-heading h1{font:700 27px 'Space Grotesk';margin:16px 0 8px}.card-heading p{color:var(--muted);margin:0 0 25px}.mini-logo{width:42px;height:42px;font:700 19px 'Space Grotesk'}.btn-google{width:100%;border:1px solid var(--line);background:white;color:var(--ink);padding:12px}.btn-google b{color:#4285f4;font-size:17px}.divider{display:flex;align-items:center;gap:12px;margin:21px 0;color:#9aa7a2;font-size:12px}.divider:before,.divider:after{content:'';height:1px;background:var(--line);flex:1}.form{display:flex;flex-direction:column;gap:18px}.form label{font-size:13px;font-weight:700;color:#344841}.form label>span{color:var(--green)}.form label>small{font-weight:500;color:#9aa7a2;margin-left:5px}.form input{width:100%;border:1px solid #d9e2df;background:#fbfcfc;border-radius:11px;padding:12px 13px;margin-top:7px;outline:none;color:var(--ink);font:500 14px 'DM Sans'}.form input:focus{border-color:#48b991;box-shadow:0 0 0 3px rgba(25,169,116,.1)}.form label.check{font-weight:500;display:flex;align-items:center;gap:8px}.form label.check input{width:auto;margin:0}.form-error{font-size:13px;background:#fff1f1;color:#a83838;border:1px solid #f3d0d0;padding:11px 13px;border-radius:10px}.form-error ul{margin:0;padding-left:18px}.auth-foot{text-align:center;color:var(--muted);font-size:13px;margin:22px 0 0}.auth-foot a{color:var(--green-dark);font-weight:700}.alert{margin-bottom:22px;border-radius:12px;padding:13px 16px;font-size:14px}.alert-success{background:#e5f8f0;color:#087450;border:1px solid #c9eddf}.alert-error{background:#fff1f1;color:#a83838;border:1px solid #f3d0d0}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.page-head .eyebrow{justify-content:flex-start}.page-head h1{font-size:36px;margin:8px 0 4px}.page-head p{color:var(--muted);margin:0}.page-head.compact{margin:22px 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.stats.two{grid-template-columns:repeat(2,1fr)}.stats article{position:relative;background:#fff;border:1px solid var(--line);border-radius:17px;padding:21px;box-shadow:0 9px 30px rgba(18,55,44,.04)}.stats span{color:var(--muted);font-size:13px}.stats strong{display:block;font:700 30px 'Space Grotesk';margin-top:7px}.stats i{position:absolute;right:18px;top:18px;background:var(--mint);width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:var(--green-dark);font-style:normal}.section-head{padding:21px 23px;border-bottom:1px solid var(--line)}.section-head h2{margin:0;font:700 18px 'Space Grotesk'}.section-head p{margin:5px 0 0;color:var(--muted);font-size:13px}.table-card{overflow:hidden;margin-bottom:30px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{background:#fafbfb;color:#84918d;font-size:11px;letter-spacing:.7px;text-transform:uppercase;padding:12px 22px}td{border-top:1px solid #edf1f0;padding:16px 22px;font-size:13px;vertical-align:middle}.link-title{color:var(--ink);font-weight:700;text-decoration:none}.short-row{display:flex;align-items:center;gap:7px;margin:4px 0;color:var(--green-dark);font-weight:600}.short-row button{padding:1px 6px;border:0;border-radius:5px;background:var(--mint);color:var(--green-dark);font-size:10px;cursor:pointer}td small{display:block;color:#8b9894;max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{display:inline-flex;padding:5px 9px;border-radius:99px;background:#edf1f0;color:#687772;font-size:11px;font-weight:700}.badge.active{background:var(--mint);color:#087750}.badge.inactive{background:#f1f1f1}.badge.admin{background:#e9e6fb;color:#6053a7}.icon-btn{border:1px solid var(--line);background:#fff;color:#4d5d58;border-radius:8px;padding:6px 9px;font:600 11px 'DM Sans';text-decoration:none;cursor:pointer}.icon-btn.danger{color:var(--danger)}.empty{text-align:center;padding:68px 20px}.empty>div{font-size:30px;color:var(--green)}.empty h3{font:700 19px 'Space Grotesk';margin:13px 0 7px}.empty p{color:var(--muted);margin:0 0 20px}.empty.small{padding:36px}.empty.small p{margin:0}.pagination{padding:14px 20px;border-top:1px solid var(--line)}.pagination nav>div:first-child{display:none}.pagination nav>div:last-child{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.pagination span[aria-current=page] span,.pagination a{display:inline-flex;padding:6px 9px;border:1px solid var(--line);color:var(--ink);text-decoration:none}.pagination svg{width:16px;height:16px}.form-page{width:min(720px,100%);margin:auto}.back{color:var(--muted);font-size:13px;text-decoration:none;font-weight:600}.form-card{padding:28px;margin-bottom:40px}.input-prefix{display:flex;border:1px solid #d9e2df;border-radius:11px;overflow:hidden;margin-top:7px}.input-prefix b{background:#f0f4f2;color:#788680;padding:12px;font-size:13px;white-space:nowrap}.input-prefix input{border:0;border-radius:0;margin:0}.form label>em{font-style:normal;font-weight:400;color:#94a09c;font-size:11px;display:block;margin-top:6px}.toggle{display:flex!important;align-items:center;gap:11px}.toggle input{display:none}.toggle>span{width:42px;height:24px;background:#cdd6d3;border-radius:99px;position:relative;transition:.2s}.toggle>span:after{content:'';position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 2px 5px #80908b55}.toggle input:checked+span{background:var(--green)}.toggle input:checked+span:after{left:21px}.toggle div b,.toggle div small{display:block}.toggle div small{color:var(--muted);font-weight:400;margin-top:2px}.form-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:20px}.title-line{display:flex;align-items:center;gap:12px}.muted-url{max-width:720px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.head-actions,.row-actions{display:flex;align-items:center;gap:8px}.short-banner{background:linear-gradient(120deg,#0c835b,#20a878);border-radius:18px;padding:21px 24px;color:white;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;box-shadow:0 14px 35px rgba(10,131,91,.18)}.short-banner small{display:block;opacity:.7;font-size:10px;letter-spacing:1px;margin-bottom:6px}.short-banner strong{font:600 20px 'Space Grotesk'}.chart-card{margin-bottom:24px}.chart{height:225px;display:flex;align-items:flex-end;gap:10px;padding:28px 24px 22px}.bar-col{height:175px;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.bar-col>div{width:100%;max-width:34px;min-height:3px;border-radius:7px 7px 3px 3px;background:linear-gradient(#30c68e,#159768)}.bar-col>span{font-size:10px;color:var(--green-dark)}.bar-col small{height:13px;font-size:9px;color:#93a09c;white-space:nowrap}.user-cell{display:flex;align-items:center;gap:10px}.user-cell>span{width:34px;height:34px;border-radius:10px;background:var(--mint);color:var(--green-dark);display:grid;place-items:center;font-weight:700}.user-cell b,.user-cell small{display:block}.self{color:#9aa7a2;font-size:11px}.footer{display:flex;justify-content:space-between;padding-top:26px;padding-bottom:26px;color:#92a09b;font-size:12px;border-top:1px solid var(--line)}
@media(max-width:760px){.shell{width:min(100% - 24px,1140px)}.nav{height:66px}.nav-user,.nav-links>a:not(.btn){display:none}.nav-links{gap:8px}.page{padding-top:32px}.hero{padding:45px 0 25px}.hero h1{font-size:45px}.hero>p{font-size:16px}.hero-actions,.page-head{align-items:stretch;flex-direction:column}.url-demo{margin-top:38px;flex-wrap:wrap}.demo-long{width:calc(100% - 70px);flex:auto}.demo-arrow{margin-left:31px}.demo-short{flex:1}.features,.stats{grid-template-columns:1fr}.stats.two{grid-template-columns:1fr 1fr}.page-head h1{font-size:30px}.page-head .btn{text-align:center}.table-card{border-radius:15px}th,td{padding:13px 15px;min-width:100px}th:first-child,td:first-child{min-width:245px}.form-card,.auth-card{padding:22px}.short-banner{align-items:flex-start;flex-direction:column;gap:15px}.short-banner strong{font-size:16px;word-break:break-all}.chart{gap:4px;padding-left:12px;padding-right:12px}.footer{flex-direction:column;gap:5px}.head-actions{width:100%}.head-actions>*{flex:1}.head-actions .btn{width:100%}}