@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap');
:root{--ink:#171827;--muted:#777b90;--bg:#eef1fa;--white:rgba(255,255,255,.72);--line:rgba(255,255,255,.8);--violet:#7066ff;--blue:#48a9ff;--pink:#e97bb7;--green:#63c8a2;--shadow:0 22px 70px rgba(65,71,111,.13)}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;color:var(--ink);font:14px 'DM Sans',system-ui,sans-serif;min-height:100vh;letter-spacing:-.015em}body:before{content:"";position:fixed;inset:0;z-index:-4;background:linear-gradient(135deg,#f7f8ff 0%,#edf0fa 45%,#e8ecf8 100%)}body:after{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background-image:linear-gradient(rgba(90,92,130,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(90,92,130,.035) 1px,transparent 1px);background-size:40px 40px}.ambient{position:fixed;z-index:-2;inset:-20%;pointer-events:none;background:radial-gradient(circle at 15% 8%,rgba(112,102,255,.22),transparent 22%),radial-gradient(circle at 90% 10%,rgba(72,169,255,.18),transparent 20%),radial-gradient(circle at 60% 92%,rgba(235,123,183,.12),transparent 25%);filter:blur(28px)}a{text-decoration:none;color:inherit}.glass{background:linear-gradient(135deg,rgba(255,255,255,.75),rgba(255,255,255,.42));border:1px solid var(--line);box-shadow:var(--shadow),inset 0 1px 0 #fff;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}.appbar{position:sticky;top:14px;z-index:30;max-width:1260px;margin:14px auto 0;padding:9px 12px 9px 15px;border-radius:22px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px}.brand b{font:800 15px 'Plus Jakarta Sans'}.brand small{display:block;color:#8b8fa1;font-size:9px;margin-top:2px}.app-icon,.unlock-orb{display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#8d82ff,#52bfff);color:#fff;box-shadow:0 10px 24px #7c73ff35}.app-icon{width:38px;height:38px}.desktop-nav{display:flex;gap:4px}.desktop-nav a{padding:9px 12px;border-radius:12px;color:#777b90;font-size:11px;font-weight:700}.desktop-nav a:hover,.desktop-nav .is-active{background:#fff9;color:#3f4254;box-shadow:0 5px 18px #6d70900d}.profile-chip{display:flex;align-items:center;gap:6px;background:#fff8;border:1px solid #fff;padding:5px 8px 5px 5px;border-radius:14px}.profile-chip span{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:#191b29;color:#fff;font-size:8px;font-weight:800}.profile-chip small{font-size:9px;color:#6f7385;font-weight:700}.mobile-nav{display:none}.wrap{max-width:1260px;margin:auto;padding:52px 20px 90px}.narrow{max-width:850px}.welcome{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:20px 0 28px}.welcome.compact{margin-bottom:25px}.eyebrow{font-size:9px;font-weight:800;letter-spacing:.18em;color:#7970dd}.welcome h1,.form-hero h1{font:800 clamp(38px,5vw,62px)/1.02 'Plus Jakarta Sans';letter-spacing:-.065em;margin:8px 0}.welcome h1 span,.form-hero h1 span{background:linear-gradient(90deg,#5f56e9,#3ab9e8);-webkit-background-clip:text;color:transparent}.welcome p,.form-hero p{max-width:570px;color:#818599;line-height:1.6;margin:0}.big-add{display:flex;align-items:center;gap:9px;padding:12px 15px;border-radius:14px;background:#1c1e2d;color:#fff;font-weight:700;font-size:11px;box-shadow:0 12px 30px #25263a22}.big-add span{font-size:17px}.hero-card{position:relative;overflow:hidden;padding:22px;border-radius:27px;color:#fff;background:linear-gradient(135deg,#6258ee 0%,#7167fa 45%,#4bb6ed 100%);box-shadow:0 28px 70px rgba(92,88,214,.25),inset 0 1px #ffffff55}.hero-card:before{content:"";position:absolute;width:360px;height:360px;right:-110px;top:-220px;border-radius:50%;background:#fff2;filter:blur(2px)}.hero-shine{position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#ffffff17 42%,transparent 60%);transform:translateX(-60%);animation:shine 6s infinite}@keyframes shine{55%,100%{transform:translateX(100%)}}.hero-top,.hero-bottom{display:flex;justify-content:space-between;align-items:center}.hero-top{font-size:9px;letter-spacing:.15em;font-weight:800;opacity:.8}.live-dot{letter-spacing:0;font-size:9px}.hero-number{position:relative;margin:28px 0 24px;font:800 clamp(44px,7vw,72px)/1 'Plus Jakarta Sans';letter-spacing:-.07em}.hero-number small{font:600 11px 'DM Sans';letter-spacing:0;opacity:.7}.hero-bottom{position:relative;gap:8px;justify-content:flex-start}.hero-bottom div{min-width:110px;padding-right:24px;border-right:1px solid #ffffff35}.hero-bottom div:last-child{border:0}.hero-bottom b{display:block;font-size:17px}.hero-bottom small{display:block;font-size:9px;opacity:.65;margin-top:2px}.section-head{display:flex;align-items:end;justify-content:space-between;margin:30px 2px 12px}.section-head small{font-size:9px;letter-spacing:.14em;color:#9699aa;font-weight:800}.section-head h2{font:800 20px 'Plus Jakarta Sans';letter-spacing:-.04em;margin:4px 0 0}.section-head>a{font-size:10px;color:#6c67d7;font-weight:800}.category-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.category-card{min-height:106px;padding:14px;border-radius:19px;display:flex;align-items:flex-end;gap:9px;position:relative;overflow:hidden;border:1px solid #fff;box-shadow:0 15px 35px #555a7b12}.category-card:after{content:"";position:absolute;width:80px;height:80px;right:-35px;top:-30px;border-radius:50%;background:#fff4}.category-card.violet{background:linear-gradient(135deg,#eeeaff,#fff)}.category-card.blue{background:linear-gradient(135deg,#e4f5ff,#fff)}.category-card.pink{background:linear-gradient(135deg,#ffeaf5,#fff)}.category-card.green{background:linear-gradient(135deg,#e6fbf3,#fff)}.cat-icon,.account-avatar{display:grid;place-items:center}.cat-icon{width:39px;height:39px;border-radius:13px;background:#fff9;box-shadow:0 8px 20px #5d608315;font-size:16px}.category-card div{position:relative;z-index:1}.category-card b{display:block;font-size:12px}.category-card small{display:block;color:#85899b;font-size:9px;margin-top:3px}.category-card .arrow{margin-left:auto;position:relative;z-index:1;font-size:19px;color:#9b9eaf}.searchbar{display:flex;align-items:center;gap:8px;padding:7px 8px 7px 13px;border-radius:15px;margin-bottom:12px}.searchbar>span{font-size:21px;color:#8e92a4}.searchbar input{border:0;background:transparent;outline:0;flex:1;color:#303244;font:500 12px 'DM Sans'}.searchbar button{border:0;background:#fff9;border-radius:10px;padding:8px 11px;color:#6561bd;font:700 10px 'DM Sans'}.account-list{display:grid;gap:8px}.account-row{display:flex;align-items:center;gap:11px;padding:11px;border-radius:17px}.account-avatar{width:40px;height:40px;border-radius:14px;background:#fff9;font-weight:800;flex:none}.account-avatar.violet{color:#6961d9;background:#eeecff}.account-avatar.blue{color:#3d99d7;background:#e5f5ff}.account-avatar.pink{color:#d46a9d;background:#ffedf6}.account-avatar.green{color:#48a889;background:#e7faf3}.account-main{min-width:0;flex:1}.account-title{display:flex;align-items:center;gap:7px}.account-main b{font-size:12px}.account-main>small{display:block;color:#85899b;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.mini-tag{padding:4px 7px;border-radius:99px;background:#fff9;color:#777b8e;font-size:8px;font-weight:700}.row-action{width:31px;height:31px;display:grid;place-items:center;border-radius:11px;background:#fff8;color:#8b8ea0;font-size:19px}.empty{text-align:center;padding:45px 20px;border-radius:20px}.empty>span{font-size:28px;color:#7770df}.empty h3{margin:10px 0 4px;font:800 18px 'Plus Jakarta Sans'}.empty p{color:#8c90a1;margin:0;font-size:11px}.back-pill{display:inline-block;padding:8px 11px;border-radius:11px;background:#fff9;color:#74788c;font-size:10px;font-weight:700}.form-hero{margin:20px 0 24px}.form-hero h1{font-size:45px}.form-card{border-radius:25px;padding:23px}.form-section>label,.input-group label,.form-card>form label,.manager-form label{display:block;font-size:10px;color:#7e8294;font-weight:800;margin:14px 0 6px}.form-card input,.form-card select,.form-card textarea,.manager-form input,.manager-form select{width:100%;padding:12px 13px;border:1px solid #fff;background:#ffffff7a;border-radius:12px;outline:0;color:#343646;font:500 12px 'DM Sans';box-shadow:inset 0 1px #fff}.form-card input:focus,.form-card select:focus,.form-card textarea:focus,.manager-form input:focus{box-shadow:0 0 0 3px #7268ef16,inset 0 1px #fff;border-color:#aaa4ff}.select-wrap{position:relative}.select-wrap span{position:absolute;right:13px;top:11px;color:#8c8fa0;pointer-events:none}.select-wrap select{appearance:none}.fields-form{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.save-btn{width:100%;margin-top:20px;border:0;padding:13px 16px;border-radius:14px;background:#1d1f2d;color:#fff;font:800 11px 'DM Sans';box-shadow:0 13px 30px #23253822;display:flex;justify-content:space-between;align-items:center}.category-manager{display:grid;grid-template-columns:380px 1fr;gap:22px}.manager-form{padding:23px;border-radius:24px}.manager-form h2{font:800 25px 'Plus Jakarta Sans';letter-spacing:-.04em;margin:7px 0 17px}.two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fieldrow{display:grid;grid-template-columns:1fr 1fr 100px 34px;gap:5px;margin-bottom:7px}.fieldrow button{border:0;border-radius:10px;background:#ffe9ef;color:#d75e78}.soft-btn{border:0;background:#fff9;border:1px solid #fff;padding:9px 11px;border-radius:11px;color:#666a7d;font:700 10px 'DM Sans';cursor:pointer}.add-field{margin-top:8px}.category-preview{min-width:0}.cat-grid{display:grid;gap:8px}.cat-grid .category-card{min-height:82px;align-items:center}.cat-grid .category-card>a{margin-left:auto;position:relative;z-index:2;color:#6e68d5;font-size:9px;font-weight:800}.timeline{padding:8px;border-radius:22px}.timeline-row{display:flex;align-items:center;gap:11px;padding:13px;border-bottom:1px solid #fff}.timeline-row:last-child{border:0}.timeline-dot{width:8px;height:8px;border-radius:50%;background:#7066ff;box-shadow:0 0 0 5px #7066ff13}.timeline-row>div{flex:1}.timeline-row b{display:block;font-size:11px}.timeline-row small{display:block;color:#8c90a0;font-size:9px;margin-top:3px}.timeline-row time{font-size:9px;color:#999cac}.api-list{display:grid;gap:8px}.api-card{padding:14px;border-radius:17px;display:grid;grid-template-columns:44px 1fr;gap:3px 10px}.api-card span{grid-row:span 2;align-self:center;padding:6px 5px;border-radius:8px;text-align:center;background:#e5e3ff;color:#6860ce;font-size:8px;font-weight:900}.api-card b{font:700 11px ui-monospace,monospace}.api-card small{color:#8c90a0;font-size:9px}.notice{margin-top:10px;padding:13px;border-radius:16px;color:#73778a;font-size:10px;line-height:1.5}.auth{display:grid}.login-page{display:grid;place-items:center;padding:20px;overflow:hidden}.unlock-shell{width:min(440px,100%);text-align:center}.unlock-orb{width:66px;height:66px;border-radius:22px;margin:0 auto 22px;font-size:22px}.unlock-shell h1{font:800 clamp(38px,8vw,54px)/1.02 'Plus Jakarta Sans';letter-spacing:-.07em;margin:9px 0}.unlock-shell h1 span{background:linear-gradient(90deg,#6359e8,#39b5e8);-webkit-background-clip:text;color:transparent}.unlock-shell .sub{color:#85899c;font-size:12px;margin:0 auto 22px}.unlock-card{padding:15px;border-radius:23px;background:#ffffff70;border:1px solid #fff;box-shadow:0 25px 80px #59608018, inset 0 1px #fff;backdrop-filter:blur(25px)}.pin-dots{display:flex;justify-content:center;gap:10px;padding:15px}.pin-dots i{width:10px;height:10px;border-radius:50%;background:#d8d9e5;box-shadow:inset 0 1px #fff;transition:.18s}.pin-dots i.on{background:#6c63e9;box-shadow:0 0 0 4px #6c63e91c}.pin-hidden{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.unlock-btn{width:100%;border:0;border-radius:14px;padding:13px;background:#1c1e2c;color:#fff;font:800 11px 'DM Sans';display:flex;justify-content:space-between}.secure-note{display:block;color:#a0a3b0;font-size:9px;margin-top:13px}.error{display:inline-block;padding:8px 10px;background:#fff0f3;color:#d05e77;border-radius:10px;font-size:10px;margin-bottom:10px}@media(max-width:900px){.desktop-nav{display:none}.appbar{position:static;margin:8px;border-radius:19px}.mobile-nav{position:fixed;display:flex;z-index:50;left:10px;right:10px;bottom:10px;height:64px;border-radius:21px;padding:5px 10px;align-items:center;justify-content:space-around;box-shadow:0 18px 50px #42465c22}.mobile-nav a{width:52px;height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8a8ea0;gap:2px}.mobile-nav i{font-style:normal;font-size:18px}.mobile-nav small{font-size:7px;font-weight:700}.mobile-nav .is-active{color:#5e58d7}.fab-nav span{width:45px;height:45px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#7167ee,#4fb8e8);color:#fff;font-size:22px;box-shadow:0 9px 24px #655de93d}.wrap{padding:32px 13px 100px}.welcome{align-items:flex-start;flex-direction:column;margin-top:8px}.big-add{align-self:stretch;justify-content:center}.category-strip{grid-template-columns:repeat(2,1fr)}.fields-form{grid-template-columns:1fr}.category-manager{grid-template-columns:1fr}.manager-form{padding:18px}.fieldrow{grid-template-columns:1fr 1fr}.fieldrow select,.fieldrow button{grid-column:auto}.hero-number{margin:23px 0}.hero-bottom div{min-width:0;flex:1;padding-right:8px}.hero-bottom b{font-size:14px}.form-hero h1{font-size:39px}.profile-chip small{display:none}}@media(max-width:420px){.category-strip{gap:8px}.category-card{min-height:98px}.hero-card{border-radius:23px}.hero-number{font-size:52px}.account-row{padding:9px}.mini-tag{display:none}}

.row-actions{display:flex;align-items:center;gap:5px}.row-action{width:auto;padding:7px 9px;font-size:9px;font-weight:800}.danger-link{color:#c85f77;background:#fff0f3}.danger-hero{margin:25px 0 20px}.danger-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#fff0f3;color:#d45d78;font:800 20px 'Plus Jakarta Sans';margin-bottom:15px}.delete-btn{width:100%;margin-top:18px;border:0;padding:13px 16px;border-radius:14px;background:linear-gradient(135deg,#d75d79,#b94869);color:#fff;font:800 11px 'DM Sans';display:flex;justify-content:space-between;align-items:center;box-shadow:0 13px 30px #b9486928}.delete-outline{display:block;text-align:center;margin-top:12px;padding:11px;border-radius:13px;background:#fff0f3;color:#c65b73;font-size:10px;font-weight:800}
@media(max-width:900px){.row-actions{gap:3px}.row-action{padding:6px 7px}.danger-hero h1{font-size:40px}}

.save-btn{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.save-btn:hover{transform:translateY(-1px);box-shadow:0 16px 35px #2325382d}.save-btn:disabled{opacity:.62;cursor:wait;transform:none}.form-error{max-width:850px;margin:-8px auto 12px}

.tool-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:-2px 0 5px}.tool-card{display:flex;align-items:center;gap:9px;padding:11px;border-radius:15px}.tool-card>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#fff9;color:#6c66d5;font-weight:800}.tool-card div{flex:1}.tool-card b{display:block;font-size:10px}.tool-card small{display:block;color:#8a8ea0;font-size:8px;margin-top:2px}.tool-card i{font-style:normal;color:#a0a3b0}.dropzone{display:flex!important;flex-direction:column;align-items:center;justify-content:center;min-height:150px;padding:22px!important;border:1px dashed #b9b7db!important;border-radius:17px!important;background:#ffffff55!important;cursor:pointer;text-align:center}.dropzone input{display:none!important}.drop-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;background:#ebe9ff;color:#6b64d7;font-size:20px;margin-bottom:8px}.dropzone b{font-size:11px;color:#565a6c}.dropzone small{font-size:9px;color:#9699aa;margin-top:4px}.dropzone.drag{background:#e8e6ff!important;border-color:#7169df!important;transform:scale(1.01)}.success-box{padding:11px 13px;border-radius:13px;background:#e8faf3;color:#438e75;font-size:10px;margin-bottom:12px}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.template-card{position:relative;padding:15px;border-radius:16px}.template-card b{display:block;font-size:11px}.template-card small{display:block;color:#8c90a0;font-size:9px;margin-top:3px}.template-card>span{position:absolute;right:13px;top:13px;color:#7169d8;font-weight:800}@media(max-width:700px){.tool-strip{grid-template-columns:1fr}.template-grid{grid-template-columns:1fr}}