:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f7f9fc;font-synthesis:none;text-rendering:optimizelegibility;background:#050810;font-family:Inter,Geist,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#050810;min-width:320px;min-height:100%}body{background:#050810;min-width:320px;min-height:100vh;margin:0}button,a,input{-webkit-tap-highlight-color:transparent;font:inherit;touch-action:manipulation}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:4px;outline:2px solid #74a9ff}.dashboard{background:linear-gradient(#ffffff04 1px,#0000 1px) 0 0/42px 42px,linear-gradient(90deg,#ffffff04 1px,#0000 1px) 0 0/42px 42px,linear-gradient(#070b14 0%,#050810 100%);min-height:100vh;position:relative;overflow:hidden}.dashboard-light{opacity:.18;pointer-events:none;filter:blur(110px);border-radius:50%;width:540px;height:540px;position:fixed}.dashboard-light-one{background:#245fc4;top:-290px;left:12%}.dashboard-light-two{background:#7c2ab8;bottom:-360px;right:-310px}.dashboard-shell{z-index:1;width:min(1240px,100% - 48px);min-height:100vh;margin:0 auto;position:relative}.topbar{border-bottom:1px solid #7e97bc21;justify-content:space-between;align-items:center;min-height:88px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#fff;letter-spacing:.04em;background:linear-gradient(145deg,#377fe8,#1b4692);border:1px solid #64a1ff7a;border-radius:13px;flex:none;place-items:center;width:44px;height:44px;font-size:14px;font-weight:760;display:grid;box-shadow:0 12px 30px #1a52ad4d}.brand-copy{gap:2px;display:grid}.brand-copy strong{color:#f7f9fd;font-size:15px;font-weight:680}.brand-copy span{color:#77859a;letter-spacing:.09em;text-transform:uppercase;font-size:10px}.profile-chip{color:#dce7f7;background:#101827;border:1px solid #26344a;border-radius:50%;place-items:center;width:40px;height:40px;font-size:12px;font-weight:700;display:grid}.dashboard-content{padding:72px 0 80px}.page-heading{align-items:center;gap:15px;margin-bottom:34px;display:flex}.page-heading-icon{color:#65a1fa;background:#1e3e6c3d;border:1px solid #263852;border-radius:14px;flex:none;place-items:center;width:48px;height:48px;display:grid}.page-heading h1{color:#f8faff;letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(30px,4vw,44px);font-weight:720;line-height:1.05}.page-heading p{color:#8794a8;margin:8px 0 0;font-size:13px}.tool-grid{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:1fr;gap:18px;display:grid}.tool-card{appearance:none;width:100%;min-width:0;min-height:276px;color:inherit;cursor:default;font:inherit;text-align:left;background:radial-gradient(circle at 100% 0,#447bd517,#0000 38%),linear-gradient(145deg,#111a29f7,#0a101bfa);border:1px solid #6d84a533;border-radius:20px;flex-direction:column;padding:25px;text-decoration:none;transition:border-color .17s,box-shadow .17s,transform .17s;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px #0000002e,inset 0 1px #ffffff06}.tool-card:after{content:"";filter:blur(35px);pointer-events:none;background:#356fc914;border-radius:50%;width:180px;height:180px;position:absolute;inset:auto -50px -80px auto}.tool-card:hover{border-color:#5c90e180;transform:translateY(-4px);box-shadow:0 30px 70px #00000042,inset 0 0 0 1px #528ce512}.tool-card:active{transform:translateY(-1px)}.tool-card-top{z-index:1;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:relative}.tool-logo{z-index:1;flex:none;justify-content:flex-start;align-items:center;width:72px;height:72px;display:flex;position:relative}.tool-logo img{object-fit:contain;max-width:100%;max-height:100%;display:block}.tool-logo-chatbotx img,.tool-logo-mps img{border-radius:18px;width:72px;height:72px}.tool-logo-supabase img{width:68px;height:70px}.tool-logo-coolify img{width:68px;height:68px}.tool-logo-n8n img{width:72px;height:auto}.tool-logo-gowa img{width:72px;height:72px}.credentials-button{color:#a8c9ff;cursor:pointer;background:#234e9129;border:1px solid #669ef857;border-radius:999px;align-items:center;gap:7px;min-height:32px;padding:0 12px;font-size:11px;font-weight:650;line-height:1;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.credentials-button:hover,.credentials-button:focus-visible{color:#eff6ff;background:#2f65b947;border-color:#75aeffb8}.tool-copy{z-index:1;gap:9px;min-width:0;margin-top:28px;display:grid;position:relative}.tool-copy strong{color:#f6f8fc;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;font-size:23px;font-weight:680;overflow:hidden}.tool-copy small{color:#8290a4;max-width:260px;font-size:12px;line-height:1.55}.tool-card-action{z-index:1;color:#aab7c8;cursor:pointer;text-align:left;background:0 0;border:0;border-top:1px solid #7489a824;justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding:22px 0 0;font-size:11px;font-weight:600;text-decoration:none;transition:color .15s;display:flex;position:relative}.tool-card-action:is(button){appearance:none}.tool-card:hover .tool-card-action,.tool-card:focus-visible .tool-card-action{color:#e1edff}.tool-arrow{color:#8292a8;background:#0d1624bf;border:1px solid #2b3a50;border-radius:10px;place-items:center;width:34px;height:34px;transition:color .15s,border-color .15s,transform .15s;display:grid}.tool-card:hover .tool-arrow,.tool-card:focus-visible .tool-arrow{color:#e1edff;border-color:#476a9a;transform:translate(2px,-2px)}.notice{opacity:0;color:#93a2b6;min-height:20px;margin:18px 2px 0;font-size:12px;transition:opacity .15s}.notice.is-visible{opacity:1}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#04080fb8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.credentials-modal{background:radial-gradient(circle at 100% 0,#3d7ee029,#0000 38%),#0d1421;border:1px solid #6f8fba47;border-radius:18px;gap:16px;width:min(440px,100%);padding:22px;display:grid;box-shadow:0 30px 90px #00000085}.credentials-modal-header,.credentials-actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.credentials-modal-header div{gap:3px;display:grid}.credentials-modal-header span,.credentials-actions span{color:#8fa1ba;font-size:12px}.credentials-modal-header strong{color:#f8fbff;font-size:20px;font-weight:720}.modal-close-button{color:#bcc9dc;cursor:pointer;background:#080f1bcc;border:1px solid #8197b838;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.credentials-modal label{color:#c7d4e7;gap:8px;font-size:12px;font-weight:650;display:grid}.credentials-modal input{color:#f7fbff;background:#040912b8;border:1px solid #7e97bc3d;border-radius:12px;width:100%;min-height:42px;padding:0 12px;font-size:13px}.credentials-modal input:disabled{color:#8190a7;cursor:wait}.credentials-actions button{color:#05101d;cursor:pointer;background:#8fc2ff;border:0;border-radius:12px;min-height:38px;padding:0 18px;font-size:12px;font-weight:760}.credentials-actions button:disabled{cursor:wait;opacity:.62}.login-shell{flex-direction:column;display:flex}.login-content{flex:1;place-items:center;min-height:calc(100vh - 89px);padding:56px 0 88px;display:grid}.login-card{background:radial-gradient(circle at 100% 0,#3d7ee029,#0000 40%),linear-gradient(145deg,#111a29fa,#0a101bfc);border:1px solid #6f8fba47;border-radius:22px;gap:20px;width:min(440px,100%);padding:34px;display:grid;box-shadow:0 32px 90px #0006,inset 0 1px #ffffff09}.login-heading{gap:8px;margin-bottom:4px;display:grid}.login-heading>span{color:#76adff;letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:720}.login-heading h1{color:#f8faff;letter-spacing:-.035em;margin:0;font-size:30px;font-weight:720;line-height:1.1}.login-heading p{color:#8795a9;margin:0;font-size:13px;line-height:1.55}.login-field{color:#c9d6e8;gap:9px;font-size:12px;font-weight:650;display:grid}.login-field input{color:#f7fbff;background:#040912c2;border:1px solid #7e97bc42;border-radius:13px;width:100%;min-height:48px;padding:0 14px;transition:border-color .15s,box-shadow .15s}.login-field input:hover,.login-field input:focus{border-color:#69a1f6b3;box-shadow:0 0 0 3px #3e7ddd1a}.login-field input:disabled{cursor:wait;opacity:.68}.login-error{color:#ff9ca7;margin:-4px 0 0;font-size:12px;line-height:1.45}.login-submit{color:#fff;cursor:pointer;background:linear-gradient(145deg,#377fe8,#245db8);border:1px solid #7cb1ff73;border-radius:13px;min-height:48px;margin-top:2px;font-size:13px;font-weight:720;transition:box-shadow .15s,transform .15s;box-shadow:0 14px 30px #1f5bb83d}.login-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 38px #1f5bb857}.login-submit:disabled{cursor:wait;opacity:.68}.login-status{color:#9aabc1;font-size:13px}@media (width<=1200px){.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=800px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.dashboard-shell{width:min(100% - 32px,1240px)}.topbar{min-height:76px}.dashboard-content{padding:46px 0 60px}.page-heading{margin-bottom:26px}.page-heading h1{font-size:32px}.tool-grid{grid-template-columns:1fr}.login-content{min-height:calc(100vh - 77px);padding:32px 0 56px}.login-card{border-radius:18px;padding:26px 22px}.login-heading h1{font-size:27px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}