:root{font-family:DM Sans,sans-serif;color:#e9eff4;background:#101a24;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;font-weight:400;--muted:#8b9aa8;--line:rgba(190,210,225,.11);--accent:#8bd6c2}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#101a24}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;padding:30px 19px 22px;background:#0d161f;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:3}.brand{display:flex;align-items:center;gap:12px;padding:0 9px 46px}.brand-mark{width:39px;height:39px;border-radius:13px;background:linear-gradient(145deg,#a0e2ce,#4e9d91);display:grid;place-items:center;color:#10232a;box-shadow:0 5px 20px #69bca633}.brand-mark svg,.searchbox svg,.add-button svg,.card-arrow svg,.icon-button svg,.official-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.brand strong,.mobile-brand strong{font:800 19px Manrope;letter-spacing:-.8px}.brand strong span,.mobile-brand strong span{color:#8bd6c2}.brand small{display:block;font-size:8px;letter-spacing:1.8px;color:#6f8291;margin-top:3px}.side-label,.eyebrow{font-size:9px;letter-spacing:2px;color:#8194a2;font-weight:700}.side-label{padding:0 12px 13px}.category-nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#9babb7;text-align:left;padding:12px 11px;border-radius:10px;display:flex;align-items:center;gap:12px;font-size:12px;transition:.2s}.nav-item:hover{background:#ffffff09;color:#fff}.nav-item.active{background:#8bd6c217;color:#b4ebdc}.nav-icon{width:17px;text-align:center;font-size:17px;color:#8095a3}.nav-item.active .nav-icon{color:#8bd6c2}.nav-count{margin-left:auto;color:#728493;font-size:10px}.sidebar-bottom{margin-top:auto}.privacy-mini{border:1px solid var(--line);border-radius:11px;padding:13px;display:flex;align-items:center;gap:10px}.privacy-dot{width:7px;height:7px;border-radius:50%;background:#8bd6c2;box-shadow:0 0 10px #8bd6c2}.privacy-mini b,.privacy-mini small{display:block}.privacy-mini b{font-size:11px}.privacy-mini small{font-size:10px;color:#80919f;margin-top:3px}.version{font-size:8px;letter-spacing:1.3px;color:#60717e;margin:17px 4px 0}.main{margin-left:252px;min-height:100vh}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5.1%}.breadcrumb{font-size:11px;color:#7e8f9c}.breadcrumb span{padding:0 9px;color:#536471}.breadcrumb b{color:#d5dfe5;font-weight:500}.top-actions{display:flex;align-items:center;gap:17px}.demo-pill{font-size:8px;letter-spacing:1.2px;color:#edc98a;border:1px solid #c49b5540;background:#c49b5510;border-radius:30px;padding:8px 11px}.demo-pill i{display:inline-block;width:5px;height:5px;background:#e4b76c;border-radius:50%;margin:0 6px 1px 0}.avatar{width:31px;height:31px;border-radius:50%;background:#273b48;color:#c4d9d5;display:grid;place-items:center;font:700 12px Manrope}.mobile-brand{display:none}.content{max-width:1160px;margin:auto;padding:50px 5.1% 28px}.welcome-row{display:flex;justify-content:space-between;align-items:center;min-height:192px;position:relative}.welcome-row h1{font:700 clamp(34px,4vw,48px)/1.13 Manrope;letter-spacing:-2.2px;margin:13px 0 10px}.welcome-row h1 em{font-style:normal;color:#8bd6c2}.intro{font-size:12px;color:#8e9eaa;margin:0}.welcome-art{width:230px;height:160px;position:relative;display:grid;place-items:center;margin-right:35px}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:140px;height:140px;border:1px solid #8bd6c226;background:radial-gradient(circle,#8bd6c21a,transparent 70%)}.orb-two{width:94px;height:94px;border:1px solid #8bd6c248;transform:rotate(45deg);border-radius:30px}.vault-symbol{width:66px;height:66px;border-radius:22px;background:linear-gradient(145deg,#a1e3d0,#559f92);display:grid;place-items:center;color:#14272d;box-shadow:0 12px 45px #70cbb633;z-index:1}.vault-symbol svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.5}.art-caption{position:absolute;right:-15px;bottom:13px;font-size:8px;line-height:1.5;letter-spacing:2px;color:#6d8990}.demo-warning{display:flex;align-items:center;gap:11px;padding:13px 16px;border:1px solid #d4a65b32;background:#d4a65b0c;border-radius:10px;color:#c7b99e;font-size:10px;margin:18px 0 23px}.demo-warning b{color:#e8c78d;margin-right:4px}.warning-icon{width:19px;height:19px;border:1px solid #d8b36a;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#e6c17e;flex:none}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-card{background:#17242f;border:1px solid var(--line);border-radius:12px;padding:16px 18px;min-height:100px}.stat-card>span{display:block;font-size:8px;letter-spacing:1.5px;color:#81919e}.stat-card strong{display:block;font:700 25px Manrope;margin:8px 0 1px;color:#edf3f5}.stat-card small{font-size:9px;color:#788b98}.stat-card .stat-status{font-size:17px;color:#e4c184;margin:13px 0 5px}.section-head{display:flex;align-items:end;justify-content:space-between;margin:40px 0 17px}.section-head h2{font:700 23px Manrope;letter-spacing:-.7px;margin:7px 0 0}.add-button,.primary-button{border:0;border-radius:9px;background:#8bd6c2;color:#12272b;font-size:11px;font-weight:700;padding:11px 15px;display:flex;align-items:center;gap:8px;transition:.2s}.add-button:hover,.primary-button:hover{background:#a8ead8;transform:translateY(-1px)}.add-button svg{width:15px;height:15px}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.searchbox{height:39px;width:min(360px,75%);border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;padding:0 11px;gap:9px;color:#7f929e;background:#14212c}.searchbox svg{width:15px;height:15px}.searchbox input{background:transparent;border:0;outline:0;color:#edf4f4;min-width:0;flex:1;font-size:11px}.searchbox input::placeholder{color:#687b88}.searchbox kbd{font-size:8px;color:#70828e;border:1px solid #52616b;border-radius:4px;padding:3px 5px}.results-count{font-size:9px;color:#778a97}.entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-height:110px}.entry-card{background:#17242f;border:1px solid var(--line);border-radius:12px;padding:15px;text-align:left;color:inherit;min-width:0;transition:transform .2s,border-color .2s,background .2s}.entry-card:hover{transform:translateY(-3px);border-color:#8bd6c25c;background:#1a2a35}.card-top{display:flex;justify-content:space-between;align-items:center}.service-icon{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;font:700 11px Manrope;letter-spacing:-.4px}.service-icon.blue{background:#4d8dc226;color:#8ab9ef}.service-icon.yellow{background:#d9b84a20;color:#e8d27a}.service-icon.coral{background:#df806c20;color:#efa18f}.service-icon.green{background:#62bd8d20;color:#8ad6ac}.service-icon.purple{background:#a78be326;color:#c1a9ed}.service-icon.orange{background:#d98c4c22;color:#e7ad76}.service-icon.teal{background:#65c7bd20;color:#8eddd1}.card-arrow{color:#748995;opacity:.7}.card-arrow svg{width:14px;height:14px}.entry-type{font-size:9px;color:#80929e;margin-top:15px}.entry-card h3{font:600 14px Manrope;margin:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entry-user{font-size:10px;color:#91a2ac;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-bottom{border-top:1px solid var(--line);margin-top:16px;padding-top:10px;display:flex;justify-content:space-between;gap:5px;font-size:8px;color:#748894}.tiny-lock{display:inline-block;width:6px;height:6px;border:1px solid #8bd6c2;border-radius:2px;margin-right:4px}.empty-state{grid-column:1/-1;text-align:center;padding:30px;color:#bdcbd1;font-size:13px}.empty-state small{display:inline-block;margin-top:8px;color:#7f919e;font-size:10px}footer{border-top:1px solid var(--line);margin-top:48px;padding-top:16px;display:flex;justify-content:space-between;color:#6e808c;font-size:9px}footer b{color:#8bd6c2;padding:0 4px}.footer-shield{color:#8bd6c2;margin-left:4px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#071018c9;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:10;display:grid;place-items:center;padding:18px}.modal{width:min(100%,440px);max-height:90vh;overflow:auto;background:#172630;border:1px solid #a2c7c329;border-radius:17px;padding:23px;box-shadow:0 24px 90px #0008}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.icon-button{border:1px solid var(--line);background:#ffffff08;color:#a8b8c2;width:32px;height:32px;border-radius:8px;display:grid;place-items:center}.modal h2{font:700 23px Manrope;margin:6px 0}.modal-sub{font-size:11px;color:#91a2ac;margin:6px 0 18px}.field-list{border:1px solid var(--line);border-radius:10px;overflow:hidden}.detail-field{padding:12px 13px;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);font-size:10px}.detail-field:last-child{border:0}.detail-field span{color:#81939f}.detail-field b{color:#e0e9eb;font-weight:500;text-align:right}.official-link{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding:12px;border-radius:8px;background:#8bd6c211;color:#a8e2d3;text-decoration:none;font-size:10px}.official-link svg{width:14px;height:14px}.modal-note{font-size:9px;line-height:1.6;color:#81939f;margin-top:17px;padding-top:13px;border-top:1px solid var(--line)}.form-label{display:block;font-size:10px;color:#a9b8c1;margin:13px 0}.form-label input,.form-label select{display:block;width:100%;margin-top:7px;border:1px solid var(--line);background:#101d27;color:#edf4f4;padding:12px;border-radius:8px;outline:none;font-size:11px}.form-label input:focus,.form-label select:focus{border-color:#8bd6c2}.primary-button{width:100%;justify-content:center;margin-top:18px}.mobile-brand{align-items:center;gap:8px}@media(max-width:1050px){.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-art{margin-right:0}}@media(max-width:700px){.sidebar{display:none}.main{margin-left:0}.topbar{height:62px;padding:0 19px}.mobile-brand{display:flex}.mobile-brand .brand-mark{width:31px;height:31px;border-radius:10px}.mobile-brand .brand-mark svg{width:15px}.mobile-brand strong{font-size:16px}.breadcrumb{display:none}.demo-pill{font-size:7px;padding:7px 8px}.avatar{width:28px;height:28px}.top-actions{gap:9px}.content{padding:30px 18px 22px}.welcome-row{min-height:150px}.welcome-row h1{font-size:35px}.intro{font-size:10px;max-width:250px;line-height:1.6}.welcome-art{width:110px;height:120px;margin-right:0;transform:scale(.8);transform-origin:center right}.art-caption{right:-8px}.demo-warning{align-items:flex-start;font-size:9px;line-height:1.55;padding:11px}.stats-grid{gap:7px}.stat-card{padding:12px 10px;min-height:88px}.stat-card>span{font-size:7px;letter-spacing:.7px}.stat-card strong{font-size:22px}.stat-card .stat-status{font-size:13px}.stat-card small{font-size:8px}.section-head{margin-top:32px}.section-head h2{font-size:21px}.add-button{padding:10px 11px;font-size:10px}.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.entry-card{padding:12px}.entry-card h3{font-size:12px}.entry-type{margin-top:12px}.card-bottom{font-size:7px;flex-wrap:wrap}.searchbox{width:100%}.results-count{display:none}footer{font-size:8px;gap:10px}footer span:last-child{text-align:right}}@media(max-width:390px){.welcome-art{display:none}.welcome-row{min-height:130px}.entry-grid{grid-template-columns:1fr}.stat-card{padding:11px 8px}.stat-card>span{font-size:6px}.section-head h2{font-size:19px}}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#202522;background:#f7f8f6;--line:#e6e9e5;--accent:#28745f}body{background:#f7f8f6;color:#202522}.app-shell{min-height:100vh;background:#f7f8f6}.sidebar{display:none}.main{margin-left:0}.topbar{height:70px;background:#f7f8f6;border-bottom:1px solid #e6e9e5;padding:0 max(calc((100% - 760px)/2),18px)}.content{max-width:760px;padding:40px 18px 25px}.welcome-art{display:none}.welcome-row{min-height:150px}.welcome-row h1{font-size:40px;color:#202522;letter-spacing:-1.8px}.welcome-row h1 em{color:#28745f}.intro{color:#7b837e}.demo-warning{background:#fbf7ef;border-color:#eadfc9;color:#75664f}.demo-warning b{color:#5e4b30}.stats-grid{display:none}.section-head{margin:32px 0 16px}.section-head h2{color:#202522}.add-button{background:#202522;color:#fff;border-radius:7px}.searchbox{background:#fff;border-color:#e6e9e5}.searchbox input{color:#202522}.entry-grid{display:block;border-top:1px solid #e6e9e5}.entry-card{width:100%;display:flex;align-items:center;gap:13px;border:0;border-bottom:1px solid #e6e9e5;border-radius:0;background:transparent;padding:15px 4px;text-align:left}.entry-card:hover{transform:none;background:#f0f3ef}.card-top{display:block}.service-icon{width:34px;height:34px;border-radius:9px}.entry-type{display:none}.entry-card h3{color:#202522;font-size:13px;margin:0}.entry-user{color:#8b948e;font-size:10px}.card-bottom{display:none}.entry-card:after{content:"›";margin-left:auto;color:#9ca59e;font-size:22px}.modal{background:#fff;color:#202522;border:1px solid #e6e9e5;border-radius:13px;box-shadow:0 20px 70px #0002}.modal h2{color:#202522}.modal-sub,.modal-note{color:#929b94}.form-label{color:#505a53}.form-label input,.form-label select{background:#fff;color:#202522;border-color:#e2e7e2}.primary-button{background:#202522;color:#fff}.custom-fields-heading{display:flex;justify-content:space-between;align-items:center}.custom-row{display:flex;align-items:center;gap:7px;margin:8px 0}.row-inputs{display:grid;grid-template-columns:.85fr 1.15fr;gap:7px;flex:1;min-width:0}.field-name,.field-value{width:100%;min-width:0;height:40px;border:1px solid #e2e7e2;border-radius:7px;background:#fff;padding:0 10px;color:#202522;font-size:12px}.remove-row{width:28px;height:28px;flex:none;border:0;border-radius:6px;background:#f3f4f2;color:#78817a;font-size:18px}.add-row{border:0;background:transparent;color:#286d58;font-size:11px;font-weight:650;padding:10px 0}.save-button{width:100%;height:43px;margin-top:14px;border:0;border-radius:7px;background:#202522;color:#fff;font-size:12px;font-weight:650}@media(max-width:700px){.topbar{height:62px;padding:0 18px}.content{padding:30px 18px 22px}.welcome-row{min-height:125px}.welcome-row h1{font-size:35px}.stats-grid{display:none}.entry-grid{grid-template-columns:1fr}.entry-card{min-height:65px}.entry-card h3{font-size:13px}.entry-user{font-size:10px}}