@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;600;700;800&display=swap";:root{color:#18231e;--ink:#18231e;--forest:#174c3a;--lime:#d7f36a;--cream:#faf8ef;--line:#d6d8cf;background:#f1f0e9;font-family:Manrope,system-ui}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}.brand{color:inherit;align-items:center;gap:10px;font-size:20px;font-weight:800;text-decoration:none;display:flex}.brand b{background:var(--lime);width:36px;height:36px;color:var(--ink);border-radius:10px;place-items:center;display:grid;transform:rotate(-4deg)}.brand svg{width:21px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:#517064;margin:0 0 13px;font-size:11px;font-weight:800}.muted{color:#66756e}.login{grid-template-columns:1.08fr .92fr;min-height:100vh;display:grid}.hero{background:var(--forest);color:#fff;flex-direction:column;justify-content:space-between;padding:48px 7vw;display:flex}.hero .eyebrow{color:var(--lime)}.hero h1{letter-spacing:-.065em;margin:0;font-size:clamp(48px,6vw,84px);line-height:.98}.hero h1 em{color:var(--lime);font-family:Georgia;font-weight:400}.hero div>p:last-child{color:#c9d7d1;max-width:580px;font-size:18px;line-height:1.7}.hero small{color:#b8c9c2;align-items:center;gap:8px;display:flex}.signin{place-items:center;padding:32px;display:grid}.signin form{background:var(--cream);border:1px solid var(--line);border-radius:28px;width:min(430px,100%);padding:44px;box-shadow:0 24px 80px #123d2e12}.cat{border:2px solid var(--ink);background:var(--lime);width:54px;height:54px;box-shadow:4px 4px 0 var(--ink);border-radius:18px 18px 18px 5px;place-items:center;margin-bottom:30px;display:grid}h1,h2{letter-spacing:-.045em}h2{margin:0 0 7px;font-size:30px}label{gap:7px;margin-top:21px;font-size:13px;font-weight:700;display:grid}input,textarea{background:#fff;border:1px solid #cbd0c8;border-radius:12px;outline:none;padding:13px 14px}input:focus,textarea:focus{border-color:var(--forest);box-shadow:0 0 0 3px #174c3a18}.primary,.secondary,.icon{cursor:pointer;border:0}.primary{background:var(--ink);color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:13px 17px;font-weight:700;display:flex}.primary:hover{background:var(--forest);transform:translateY(-1px)}.signin .primary{width:100%;margin-top:24px}.hint{text-align:center;color:#7b8781;margin:20px 0 0;font-size:12px}.hint code{background:#e9e9df;padding:2px 5px}.error{color:#9b321f;background:#fff0ec;border-radius:9px;padding:10px 12px}.app{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.app aside{color:#eaf1ed;background:#101714;flex-direction:column;height:100vh;padding:30px 22px;display:flex;position:sticky;top:0}.app aside .brand{border-bottom:1px solid #ffffff14;padding:0 10px 30px}.app nav{gap:6px;margin-top:28px;display:grid}.app nav a,.logout{color:#92a29b;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:11px 12px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.app nav a:first-child{color:#fff;box-shadow:inset 3px 0 var(--lime);background:#ffffff0c}.app nav svg,.logout svg{width:18px}.secret{background:#ffffff08;border:1px solid #ffffff15;border-radius:14px;gap:10px;margin-top:auto;padding:14px;display:flex}.secret>svg{width:18px;color:var(--lime)}.secret strong{font-size:12px}.secret p{color:#899890;margin:5px 0 0;font-size:11px}.logout{cursor:pointer;margin-top:12px}.dash{width:100%;max-width:1500px;margin:auto;padding:50px clamp(28px,5vw,72px) 80px}.top{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.top h1{margin:0;font-size:45px}.top .primary svg{width:18px}.summary{border:1px solid var(--line);background:#f8f7f0;border-radius:16px;grid-template-columns:repeat(3,1fr);margin:36px 0 28px;display:grid}.summary div{border-right:1px solid var(--line);gap:4px;padding:18px 22px;display:grid}.summary div:last-child{border:0}.summary small,.key small{text-transform:uppercase;letter-spacing:.1em;color:#738078;font-size:10px;font-weight:700}.summary strong{font-size:20px}.grid{grid-template-columns:repeat(auto-fit,minmax(390px,1fr));gap:18px;display:grid}.card{background:var(--cream);border:1px solid var(--line);border-radius:18px;padding:20px;position:relative}.card>header{align-items:center;gap:12px;display:flex}.card>header i{background:var(--forest);width:43px;height:43px;color:var(--lime);border-radius:12px;place-items:center;font-size:12px;font-style:normal;font-weight:800;display:grid}.card h3{margin:0}.card header p{color:#7a8780;margin:3px 0 0;font-size:12px}.card header span{text-transform:uppercase;border-radius:30px;margin-left:auto;padding:5px 8px;font-size:10px;font-weight:800}.live{color:#27612e;background:#e0f2df}.paused{background:#ecebe4}.origins{flex-wrap:wrap;gap:5px;margin:17px 0;display:flex}.origins small{background:#ecece4;border-radius:6px;padding:4px 7px;font:10px DM Mono}.key{border-top:1px solid #e3e4dc;align-items:center;gap:4px;padding:12px 0;display:flex}.key>div{flex:1;gap:4px;min-width:0;display:grid}.key code{text-overflow:ellipsis;white-space:nowrap;font:11px DM Mono;overflow:hidden}.icon{color:#66736c;background:0 0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.icon:hover{background:#e9e9e1}.icon svg{width:16px}.danger:hover{color:#b33f28;background:#fff0ec}.card footer,.modal footer{gap:7px;margin-top:12px;display:flex}.secondary{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:9px;align-items:center;gap:5px;padding:8px 11px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.secondary svg{width:13px}.card footer .danger{margin-left:auto}.toast{background:var(--ink);color:#fff;border-radius:7px;padding:7px 10px;font-size:11px;position:absolute;bottom:65px;right:20px}.empty{text-align:center;color:#718078;border:1px dashed #bfc4bc;border-radius:18px;padding:70px}.shade{z-index:5;background:#07100bc9;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:var(--cream);border-radius:20px;width:min(520px,100%);padding:30px;position:relative}.close{position:absolute;top:18px;right:20px}.modal small{font-weight:400}.check{align-items:center;gap:8px;display:flex}.check input{width:auto}.modal footer{justify-content:flex-end;margin-top:26px}.splash{background:var(--forest);color:#fff;align-content:center;place-items:center;gap:12px;min-height:100vh;font-weight:800;display:grid}.splash svg{color:var(--lime);width:45px}@media (width<=800px){.login{grid-template-columns:1fr}.hero{min-height:42vh;padding:28px}.hero small{display:none}.signin{padding:22px}.app{display:block}.app aside{flex-direction:row;align-items:center;height:auto;padding:14px 18px;position:static}.app aside .brand{border:0;padding:0}.app nav,.secret{display:none}.logout{margin:0 0 0 auto}.dash{padding:30px 18px}.top h1{font-size:36px}.summary{grid-template-columns:1fr}.summary div{border-right:0;border-bottom:1px solid var(--line)}.grid{grid-template-columns:1fr}}@media (width<=500px){.hero h1{font-size:44px}.signin form{padding:28px}.top{display:grid}.grid{margin-inline:-4px}}