@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap";:root{color:#20373c;font-synthesis:none;background:#f5f7f5;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{outline-offset:4px}button{cursor:pointer;color:#28464a;background:#fff;border:1px solid #d9e2de;border-radius:9px;padding:10px 15px}button:hover{background:#e9f1ec}button:disabled{opacity:.55;cursor:wait}a{color:inherit}header{background:#fff;border-bottom:1px solid #e0e7e2;justify-content:space-between;align-items:center;height:96px;padding:0 6%;display:flex}.brand{align-items:center;gap:9px;font-family:Manrope,system-ui,sans-serif;font-size:29px;font-weight:800;text-decoration:none;display:flex}.mark{color:#d1e5b9;background:#203d38;border-radius:12px;place-items:center;width:40px;height:40px;font-size:26px;display:grid}.dot{color:#649870;margin-left:-9px}.header-actions{align-items:center;gap:10px;display:flex}.username{color:#71827d;margin-right:12px;font-size:14px}main{max-width:1280px;min-height:calc(100vh - 174px);margin:auto;padding:58px 32px 90px}.eyebrow{letter-spacing:2.2px;color:#608076;font-size:11px;font-weight:700}h1{letter-spacing:-2px;margin:17px 0;font-family:Manrope,system-ui,sans-serif;font-size:clamp(32px,4.5vw,50px);line-height:1.18}.intro{color:#73827d;font-size:17px;line-height:1.7}.hero{justify-content:space-between;align-items:center;margin-bottom:38px;display:flex}.counter{color:#6e8278;border-left:1px solid #d7e2db;gap:3px;padding:10px 0 10px 40px;display:grid}.counter strong{color:#254a3c;font-size:38px}.counter span{font-size:13px}.toolbar{border-bottom:1px solid #dae4dc;flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:28px;padding-bottom:23px;display:flex}.categories{flex-wrap:wrap;flex:1;gap:7px;display:flex}.categories button{background:0 0;border:0;font-size:13px}.categories .selected{color:#fff;background:#244c3d}.toolbar input{width:255px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;display:grid}.card{background:#fff;border:1px solid #e0e7e1;border-radius:16px;padding:27px;transition:transform .15s,box-shadow .15s;box-shadow:0 5px 16px #203c2a04}.card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #203c2a0d}.card-top{justify-content:space-between;align-items:center;display:flex}.icon{background:#f0f4e9;border-radius:14px;place-items:center;width:54px;height:54px;font-size:27px;display:grid}.tag{letter-spacing:.6px;text-transform:uppercase;color:#698070;background:#f5f7f4;border-radius:5px;padding:6px 9px;font-size:10px}h2{letter-spacing:-.5px;font-family:Manrope,system-ui,sans-serif;font-size:20px}.card p{color:#7a8881;overflow-wrap:anywhere;min-height:48px;font-size:14px;line-height:1.7}.open{color:#3b6350;border-top:1px solid #eef1ed;justify-content:space-between;padding-top:20px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.open span{font-size:20px}.manage{gap:8px;margin-top:20px;display:flex}.manage button{font-size:12px}.danger{color:#9c3838}.primary{color:#fff;background:#274d3e;border-color:#274d3e}.primary:hover{background:#346650}.login{max-width:480px;margin:35px auto}.login form{gap:20px;margin-top:30px;display:grid}label{gap:9px;font-size:13px;font-weight:600;display:grid}input{color:#20373c;background:#fff;border:1px solid #d9e2dc;border-radius:8px;width:100%;min-width:0;padding:12px 14px}.fine{color:#7b8c80;margin-top:22px;font-size:12px}.editor{background:#edf2eb;border-radius:16px;margin-bottom:30px;padding:25px}.fields{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-actions{gap:12px;margin-top:20px;display:flex}.error{color:#8a3c2c;background:#fff0ec;border:1px solid #e7c8bf;border-radius:10px;margin-bottom:24px;padding:16px}.error button{margin-left:10px}.empty{text-align:center;color:#718277;padding:50px 10px}footer{color:#85958b;border-top:1px solid #e0e7e2;justify-content:space-between;padding:25px 6%;font-size:12px;display:flex}@media (width<=950px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.username{display:none}.toolbar input{width:100%}}@media (width<=600px){header{flex-wrap:wrap;gap:15px;height:auto;min-height:82px;padding:16px 20px}.header-actions button{padding:8px;font-size:12px}main{padding:30px 20px 60px}.grid,.fields{grid-template-columns:1fr}.hero{margin-bottom:25px}.counter{display:none}.brand{font-size:25px}.card{padding:23px}footer{flex-wrap:wrap;gap:15px}.login{margin:15px auto}h1{letter-spacing:-1px}}.app-card{--base:#122f38;--glow:#327a72;--accent:#bce6d8;isolation:isolate;background:var(--base);border:1px solid #ffffff24;border-radius:22px;padding:0;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 9px 24px #10273c15}.theme-finance{--base:#06253d;--glow:#067f75;--accent:#6bf0cb}.theme-mbeg{--base:#101f49;--glow:#72602c;--accent:#ffe09b}.theme-lifevault{--base:#211b45;--glow:#7046b7;--accent:#dcc3ff}.theme-cellier{--base:#3b0d1b;--glow:#924c40;--accent:#f5db9a}.theme-aypays{--base:#091e50;--glow:#185cd1;--accent:#a9d3ff}.theme-sport{--base:#061c3c;--glow:#006bd0;--accent:#97d8ff}.app-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #10273c26}.app-card:focus-within{outline-offset:4px;outline:3px solid #588f78}.card-link{color:#fff;flex-direction:column;height:100%;min-height:302px;padding:28px;text-decoration:none;display:flex;position:relative}.card-link:focus-visible{outline:3px solid var(--accent);outline-offset:-6px;border-radius:21px}.card-art{pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 95% 0%,var(--glow),transparent 68%),linear-gradient(135deg,#ffffff08,transparent 50%);position:absolute;inset:0;overflow:hidden}.card-art:after{content:"";background:linear-gradient(0deg,var(--base) 0%,transparent 80%);position:absolute;inset:0}.art-orbit{border:1px solid #ffffff12;border-radius:50%;width:330px;height:330px;position:absolute;top:-140px;right:-135px;box-shadow:0 0 0 30px #ffffff04,0 0 0 65px #ffffff03}.brand-watermark{object-fit:contain;opacity:.12;filter:grayscale();mix-blend-mode:screen;width:215px;height:215px;position:absolute;top:8px;right:-32px;transform:rotate(-13deg);-webkit-mask-image:linear-gradient(135deg,#000,#0000 92%);mask-image:linear-gradient(135deg,#000,#0000 92%)}.app-card .card-top{align-items:flex-start;gap:12px}.app-logo{object-fit:contain;border:1px solid #ffffff20;border-radius:19px;flex-shrink:0;width:76px;height:76px;transition:transform .2s;box-shadow:0 8px 20px #0004}.fallback-logo{background:#ffffff16;place-items:center;font-size:34px;display:grid}.app-card:hover .app-logo{transform:translateY(-2px)rotate(-3deg)}.app-card .tag{color:#f1f4ff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#ffffff12;border:1px solid #ffffff24;border-radius:20px;padding:7px 11px;line-height:1.4}.card-copy{flex:1;margin-top:20px;position:relative}.app-card h2{color:#fff;overflow-wrap:anywhere;margin:0 0 9px;font-size:24px}.app-card p{color:#ffffffc7;min-height:46px;margin:0 0 23px;font-size:14px;line-height:1.65}.app-card .open{color:var(--accent);border-top:1px solid #ffffff24;align-items:center;gap:10px;padding-top:17px}.app-card .launch-arrow{background:#ffffff10;border-radius:50%;place-items:center;width:29px;height:29px;transition:background .2s,transform .2s;display:grid}.app-card:hover .launch-arrow{background:#ffffff25;transform:translate(2px,-2px)}.app-card:has(.manage) .card-link{height:auto}.app-card .manage{gap:10px;margin:0;padding:0 28px 23px;position:relative}.app-card .manage button{color:#fff;background:#ffffff10;border-color:#ffffff30}.app-card .manage button:hover{background:#ffffff25}.app-card .manage .danger{color:#ffc5c5}@media (width<=600px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.app-card{border-radius:17px;min-width:0;padding:0}.card-link{min-height:190px;padding:16px}.card-link:focus-visible{border-radius:16px}.app-logo{border-radius:13px;width:48px;height:48px}.fallback-logo{font-size:26px}.app-card .tag{display:none}.card-copy{margin-top:14px}.app-card h2{letter-spacing:-.3px;margin:0 0 7px;font-size:17px;line-height:1.25}.app-card p{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:36px;margin:0;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.app-card .open{border:0;padding:0;font-size:0;position:absolute;top:16px;right:13px}.app-card .launch-arrow{width:26px;height:26px;font-size:18px}.brand-watermark{width:150px;height:150px;top:8px;right:-40px}.art-orbit{width:220px;height:220px;top:-100px;right:-135px}.app-card .manage{flex-direction:column;gap:6px;padding:0 12px 12px}.app-card .manage button{width:100%;min-height:44px;font-size:12px}}@media (hover:none){.app-card:hover,.app-card:hover .app-logo,.app-card:hover .launch-arrow{transform:none}}@media (prefers-reduced-motion:reduce){.app-card,.app-logo,.app-card .launch-arrow{transition:none}.app-card:hover,.app-card:hover .app-logo,.app-card:hover .launch-arrow{transform:none}}.admin-tabs{border-bottom:1px solid #dae4dc;gap:8px;margin:0 0 28px;padding-bottom:15px;display:flex}.admin-tabs button[aria-pressed=true]{color:#fff;background:#274d3e;border-color:#274d3e}.user-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.user-heading h2{margin-top:0;font-size:24px}.user-heading p{color:#697c74;max-width:620px;line-height:1.6}.user-heading button{flex-shrink:0}.user-list{gap:12px;display:grid}.user-row{background:#fff;border:1px solid #dfe7e2;border-radius:14px;align-items:center;gap:20px;padding:20px;display:flex}.user-avatar{color:#345a44;background:#e6efe6;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;font-weight:700;display:grid}.user-name{overflow-wrap:anywhere;flex:1;gap:5px;min-width:0;display:grid}.user-name span,.user-role{color:#6a7e72;font-size:12px}.user-status{border-radius:16px;padding:6px 10px;font-size:12px}.user-status.active{color:#286c3a;background:#e5f3e8}.user-status.inactive{color:#705c5c;background:#f0eeee}.user-admin select{font:inherit;color:#20373c;background:#fff;border:1px solid #d9e2dc;border-radius:8px;width:100%;min-width:0;padding:12px}.field-help{color:#64776c;font-size:12px;font-weight:400;line-height:1.5}.success{color:#285e38;background:#e4f3e6;border-radius:9px;padding:14px}@media (width<=650px){.user-heading{flex-direction:column;align-items:stretch;gap:8px}.user-row{flex-wrap:wrap;gap:12px}.user-name{flex-basis:calc(100% - 60px)}.user-role{flex:1}}@media (width<=600px){header{padding:14px max(16px,env(safe-area-inset-right)) 14px max(16px,env(safe-area-inset-left));gap:12px;min-height:72px}.brand{font-size:23px}.mark{border-radius:10px;width:34px;height:34px;font-size:23px}.header-actions{flex-wrap:wrap;gap:8px}.header-actions button{min-height:44px;padding:10px 12px}main{padding:24px max(16px,env(safe-area-inset-right)) 40px max(16px,env(safe-area-inset-left))}.hero{margin-bottom:20px}.hero h1{letter-spacing:-1px;margin:10px 0;font-size:29px}.eyebrow{letter-spacing:1.6px;margin:0;font-size:9px;line-height:1.6}.intro{margin:8px 0;font-size:14px;line-height:1.55}.toolbar{gap:12px;margin-bottom:18px;padding-bottom:16px}.categories{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;flex:0 0 100%;gap:4px;padding-bottom:4px;overflow-x:auto}.categories button{flex-shrink:0;min-height:44px;padding:10px 13px;font-size:12px}input,.user-admin select{min-height:44px;font-size:16px}.toolbar input{width:100%;padding:11px 12px}.toolbar>.primary{width:100%;min-height:44px}.admin-tabs{margin-bottom:20px}.admin-tabs button{min-height:44px}.editor{padding:18px}.editor h2{font-size:20px}.form-actions{flex-wrap:wrap}.form-actions button,.user-row button,.user-heading button{min-height:44px}footer{padding:20px 16px max(20px,env(safe-area-inset-bottom));font-size:11px}}@media (width<=350px){.card-link{min-height:184px;padding:13px}.app-card h2{font-size:16px}.hero h1{font-size:26px}}.passkey-login{background:#e9f1eb;border:1px solid #789e89;width:100%;min-height:48px;margin-top:20px;font-weight:600}.passkey-panel{max-width:780px;margin:auto}.passkey-panel .editor{gap:18px;margin-top:26px;display:grid}.passkey-panel .editor .primary{justify-self:start;min-height:44px}.passkey-panel h1{font-size:36px}.passkey-panel .user-row button{min-height:44px}header{flex-wrap:nowrap}.header-menu{flex-shrink:0;position:relative}.menu-toggle{border-radius:12px;place-items:center;width:44px;height:44px;padding:0;display:grid}.account-navigation{z-index:30;background:#fff;border:1px solid #d9e2de;border-radius:14px;flex-direction:column;gap:4px;width:260px;max-width:calc(100vw - 32px);padding:8px;display:flex;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 12px 36px #203d3826}.account-navigation[hidden]{display:none}.account-navigation .username{overflow-wrap:anywhere;border-bottom:1px solid #e0e7e2;margin:0;padding:10px 12px;display:block}.account-navigation button{text-align:left;border:0;width:100%;min-height:44px;padding:12px;font-size:14px}.account-navigation button:last-child{color:#9c3838}
