@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#343447;font-synthesis:none;--purple:#9258ef;--muted:#8b899c;--border:#eeecf3;background:#f3f1f7;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,.button{color:#5d5772;cursor:pointer;background:#fff;border:1px solid #e4e0ec;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-size:12px;font-weight:600;text-decoration:none;transition:background .15s,box-shadow .15s;display:inline-flex}button:hover,.button:hover{background:#f6f1ff;border-color:#c7b5e4}button:disabled{opacity:.45;cursor:not-allowed}.primary{color:#fff;background:linear-gradient(115deg,#b76ef5,#8e4df1);border-color:#0000;box-shadow:0 4px 10px #985deb20}.primary:hover{background:linear-gradient(115deg,#a85ee9,#8040df);border-color:#0000}a{color:#8651dc;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #bda0f3}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,system-ui,sans-serif}h1{letter-spacing:-.8px;margin-bottom:10px;font-size:27px;font-weight:800}h2{letter-spacing:-.3px;margin-bottom:6px;font-size:16px}h3{font-size:14px}p{line-height:1.65}small{font-size:11px}input,textarea,select{color:#4c465f;background:#fff;border:1px solid #e3dfeb;border-radius:6px;width:100%;max-width:100%;padding:11px 12px;font-size:13px}input::placeholder{color:#a7a1b5}input[type=checkbox],input[type=color]{width:auto}input[type=color]{min-width:48px;height:42px;padding:4px}label{color:#676177;flex-direction:column;gap:8px;font-size:12px;font-weight:600;display:flex}fieldset{border:0;min-width:0;margin:0;padding:0}form label{margin-bottom:18px}textarea{resize:vertical}.admin-shell{grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:20;background:#fff;border-right:1px solid #eeebf3;flex-direction:column;height:100dvh;display:flex;position:sticky;top:0}.brand{color:#9a61ee;letter-spacing:-.9px;align-items:center;gap:11px;height:79px;padding:0 28px;font:800 23px Manrope;display:flex}.brand:hover{text-decoration:none}.brand>span:last-child{letter-spacing:1px;color:#a984d6;background:#f1eafa;border-radius:3px;margin-left:auto;padding:4px 5px;font:700 8px DM Sans}.brand-symbol{color:#b87aff;font-size:35px;line-height:1}.sidebar-person{align-items:center;gap:12px;padding:29px 25px;display:flex}.sidebar-person strong{font-size:12px;display:block}.sidebar-person small{color:#a19aaa;margin-top:5px;font-size:10px;display:block}.sidebar-person i{background:#34cbb0;border-radius:50%;width:7px;height:7px;margin-left:auto}.avatar{color:#8752bd;background:linear-gradient(145deg,#f1dbff,#c9cefa);border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:16px;font-weight:700;display:grid}.avatar.small{width:29px;height:29px;font-size:12px}.avatar.large{width:65px;height:65px;font-size:25px}.nav-label{letter-spacing:1.3px;color:#b1aabf;padding:18px 27px 5px;font-size:9px;font-weight:700}.sidebar nav{gap:8px;padding:0 15px;display:grid}.sidebar nav a{color:#716b82;border-radius:8px;gap:15px;padding:15px 13px;font-size:12px;font-weight:500;display:flex}.sidebar nav a span{color:#b4a8c9;width:19px;font-size:18px}.sidebar nav a b{color:#c0b2d4;margin-left:auto;font-size:15px}.sidebar nav a.active{color:#9a57e5;background:#f5edff}.sidebar nav a.active span{color:#a45ff0}.sidebar nav a:hover{background:#f8f5fc;text-decoration:none}.sidebar-bottom{border-top:1px solid var(--border);color:#7d748d;margin:auto 26px 28px;padding-top:22px;font-size:10px}.sidebar-bottom p{color:#a69eb2;margin:9px 0 0;font-size:10px}.online-dot{background:#29c4a3;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.workspace{min-width:0}.topbar{background:#fff;border-bottom:1px solid #eeebf3;justify-content:space-between;align-items:center;gap:15px;height:79px;padding:0 35px;display:flex}.breadcrumb{color:#a097ad;font-size:12px}.breadcrumb b{color:#d0c7dc;padding:0 12px}.topbar-user{align-items:center;gap:9px;font-size:12px;display:flex}.main-content{max-width:1700px;min-height:calc(100vh - 140px);margin:auto;padding:38px 35px 45px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin:0 0 28px;display:flex}.page-heading p:not(.eyebrow){color:#9990a5;margin-bottom:0;font-size:12px}.eyebrow{letter-spacing:1.9px;color:#ac99c6;margin:0 0 10px;font-size:8px;font-weight:700}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.panel{background:#fff;border:1px solid #eeebf2;border-radius:9px;min-width:0;margin-bottom:24px;padding:25px;box-shadow:0 3px 14px #3a194b02}.panel-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:23px;display:flex}.panel-heading p{color:#aaa0b7;max-width:650px;margin:0;font-size:11px}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-bottom:27px;display:grid}.metric{color:#fff;border-radius:8px;flex-direction:column;gap:18px;min-height:190px;padding:30px;display:flex;position:relative;overflow:hidden}.metric:hover{text-decoration:none;box-shadow:0 5px 20px #9e5eec22}.metric:before,.metric:after{content:"";background:#ffffff17;border-radius:50%;width:180px;height:180px;position:absolute;top:-70px;right:-65px}.metric:after{width:220px;height:220px;top:auto;bottom:-100px;right:-20px}.metric.pink{background:linear-gradient(110deg,#ffbf92,#fa85b5)}.metric.blue{background:linear-gradient(110deg,#86c4f4,#379de7)}.metric.teal{background:linear-gradient(110deg,#80d5ca,#22cdb0)}.metric>span{font-size:13px;font-weight:500}.metric strong{letter-spacing:-1px;font:700 31px Manrope}.metric small{opacity:.95;font-size:10px}.metric i{color:#ffffffe0;font:28px Manrope;position:absolute;top:26px;right:28px}.two-columns{grid-template-columns:1fr 1fr;gap:25px;display:grid}.two-columns>.panel{margin:0}.billing-kpi{background:#fbf9fe;border:1px solid #f0eaf8;border-radius:7px;flex-direction:column;gap:10px;padding:23px;display:flex}.billing-kpi strong{color:#9260c6;font:700 30px Manrope}.billing-kpi span{font-size:12px}.billing-kpi small{color:#a397af;font-size:10px;line-height:1.7}.plan-bars{gap:16px;margin:25px 0;display:grid}.plan-bars>div{grid-template-columns:60px 1fr 25px;align-items:center;gap:14px;font-size:11px;display:grid}.plan-bars progress{accent-color:#ad7ff0;border:0;border-radius:10px;width:100%;height:7px}.plan-bars b{text-align:right}.quick-links{display:grid}.quick-links>a{color:#645a75;border-bottom:1px solid #f1edf5;align-items:center;gap:15px;padding:18px 0;font-size:12px;display:flex}.quick-links>a:last-child{border-bottom:0}.quick-links b{font-size:12px}.quick-links small{color:#b1a7bc;margin-top:6px;font-size:10px;display:block}.quick-links>a>span:last-child{color:#bdaace;margin-left:auto}.quick-icon{color:#a16fe0;background:#f5eeff;border-radius:9px;padding:10px;font-size:19px}.text-link{font-size:11px}.table-toolbar{align-items:center;gap:14px;margin-bottom:23px;display:flex}.search-field{flex:1;max-width:500px;position:relative}.search-field input{background:#fbfafd;border-color:#ede8f3;padding-left:35px;font-weight:400}.search-field>span{color:#b7a7c9;font-size:20px;position:absolute;top:9px;left:12px}.table-toolbar>select{width:auto;min-width:150px}.table-toolbar>button{margin-left:auto}.table-scroll{max-width:100%;overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}th{color:#a89db5;white-space:nowrap;background:#fcfaff;border-top:1px solid #f0ebf6;border-bottom:1px solid #f0ebf6;padding:14px 13px;font-size:10px;font-weight:600}td{vertical-align:middle;color:#81758f;border-bottom:1px solid #f0ecf4;padding:17px 13px}td>small{color:#b1a8bc;margin-top:6px;font-size:9px;display:block}td .badge+.badge{margin-left:6px}tbody tr:hover{background:#fefcff}.record-link{color:#625572;align-items:center;gap:12px;font-weight:600;display:inline-flex}.record-link span{color:#baa6d0;font-size:11px}.table-action{white-space:nowrap;font-size:10px}.badge{color:#9b90a7;white-space:nowrap;background:#f1eff5;border-radius:5px;padding:5px 9px;font-size:9px;font-weight:600;line-height:1.3;display:inline-flex}.badge.purple{color:#a575d8;background:#f1e6ff}.badge.green{color:#51ae8b;background:#e4f7ee}.badge.red{color:#dc8e89;background:#fff0ef}.pager{color:#a196ae;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:20px;font-size:10px;display:flex}.pager label{flex-direction:row;align-items:center;gap:8px;font-size:10px;font-weight:400;display:flex}.pager select{width:60px;padding:7px;font-size:11px}.pager button{padding:8px 12px;font-size:10px}.empty-state{text-align:center;color:#b1a4c0;padding:45px 20px;font-size:12px}.empty-state strong{color:#8e7e9f;font-size:14px;font-weight:600}.mono{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px}.detail-grid{grid-template-columns:minmax(0,1fr) 330px;gap:25px;display:grid}.stack>.panel:last-child{margin-bottom:0}.metadata{margin:0}.metadata>div{border-bottom:1px solid #f3eef7;padding:14px 0}.metadata>div:last-child{border:0}dt{color:#b0a2bf;margin-bottom:8px;font-size:10px}dd{color:#796b88;overflow-wrap:anywhere;margin:0;font-size:12px}.context-bar{align-items:center;gap:20px;margin:-8px 0 24px;font-size:11px;display:flex}.form-grid,.config-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;display:grid}.config-fields>.config-section,.config-fields>.config-array,.config-fields>.wide,.config-fields>.image-field{grid-column:1/-1}.config-section{border:1px solid #ede6f5;border-radius:7px;margin-bottom:18px}.config-section summary{cursor:pointer;color:#8e74aa;background:#fcfaff;border-radius:7px;padding:15px;font-size:12px;font-weight:600;list-style-position:inside}.config-section summary>span{float:right;color:#b7a5c9;font-size:9px;font-weight:400}.config-section>.config-fields{padding:20px 15px 0}.config-section .config-section{background:#fff}.check{flex-direction:row;align-items:center;gap:10px;min-height:40px;font-size:11px;line-height:1.6;display:flex}.check input{accent-color:#a16be4}.form-footer{border-top:1px solid #f1eaf7;justify-content:space-between;align-items:center;gap:20px;padding-top:22px;display:flex}.muted{color:#ac9eba;font-size:11px;line-height:1.7}.form-footer .muted{max-width:55%;font-size:10px}.identity-card{align-items:center;gap:20px;margin:8px 0 22px;display:flex}.identity-card h3{margin-bottom:7px;font-size:20px}.identity-card p{color:#a697b7;margin-bottom:10px;font-size:12px}.notice{color:#9277ad;background:#f5f0fc;border:1px solid #e9def8;border-radius:6px;margin:14px 0;padding:13px 15px;font-size:11px;line-height:1.8}.notice.danger{color:#c47c77;background:#fff2f1;border-color:#ffdedb}.notice.success{color:#5f9f77;background:#edf9f1;border-color:#daf0e1}.notice button{margin-left:10px}.danger-text{color:#ce7f8c;background:#fff9fa;border-color:#f3dee4}.status-row{gap:10px;margin:10px 0 20px;display:flex}.divider{background:#f0eaf6;height:1px;margin:24px 0}.loading{color:#b4a4c4;align-items:center;gap:9px;padding:15px;font-size:11px;display:flex}.loading span{background:#ac7ee2;border-radius:50%;width:7px;height:7px}.entity-picker{border:1px solid #eee6f8;border-radius:8px;margin-bottom:20px;padding:18px}.entity-options{gap:6px;display:grid}.entity-options>button{text-align:left;justify-content:space-between;padding:13px}.entity-options small{color:#b3a5c3;margin-top:5px;font-size:9px;display:block}.inset{background:#fcf9ff;border:1px solid #efe7f7;border-radius:8px;margin-bottom:20px;padding:20px}.context-selected{border:1px solid #efe8f8;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px;padding:14px;font-size:11px;display:flex}.context-selected a{overflow-wrap:anywhere}.context-selected button{margin-left:auto}.generated-code{flex-wrap:wrap;align-items:center;gap:15px;margin-top:20px;display:flex}.generated-code strong{letter-spacing:2px;color:#a279d5;font-family:monospace;font-size:17px}.generated-code small{color:#b4a3c4;width:100%}.field-heading{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;display:flex}.array-item{align-items:start;gap:12px;display:flex}.array-item>.config-section,.array-item>label{flex:1;min-width:0}.config-array{border:1px solid #eee7f7;border-radius:7px;margin-bottom:18px;padding:15px}.config-array>.array-item>.config-section{width:100%}.array-item>button{margin-top:7px;padding:6px 10px}.color-field{gap:8px;display:flex}.null-field{color:#a89ab8;gap:7px;margin-bottom:18px;font-size:11px;display:grid}.null-field small{color:#bbaec8;font-size:9px}.add-key{grid-column:1/-1;gap:10px;margin-bottom:18px;display:flex}.image-field{border:1px dashed #e6dcf3;border-radius:7px;margin-bottom:18px;padding:17px}.image-field img{object-fit:contain;border-radius:7px;max-width:200px;max-height:180px;margin:10px 0;display:block}.image-field small{color:#aa9cbb;font-size:10px}.file-button{color:#9b78c7;background:#f4eefc;border-radius:5px;margin:8px 0;padding:10px 14px;font-size:11px;display:inline-flex}.file-button input{margin-top:8px;padding:6px;font-size:10px;display:block}.app-footer{color:#afa1be;background:#f7f4fa;border-top:1px solid #ece5f4;justify-content:space-between;gap:20px;padding:23px 35px;font-size:10px;display:flex}.menu-toggle{display:none}.login-screen{background:radial-gradient(at 15% 15%,#f2e6fc,#0000 50%),radial-gradient(at 90% 90%,#dff4f3,#0000 55%),#f5f2f9;place-items:center;min-height:100dvh;padding:30px;display:grid}.login-card{background:#fff;border:1px solid #eee6f7;border-radius:14px;width:100%;max-width:430px;padding:42px;box-shadow:0 15px 65px #6e419510}.login-card h1{margin-bottom:13px;font-size:27px}.login-card p:not(.eyebrow){color:#ac9dbb;margin-bottom:28px;font-size:12px}.login-card .brand-symbol{margin-bottom:20px;display:block}.login-card .primary{width:100%;margin:9px 0 22px}.login-card>small{color:#b4a6c3;font-size:10px}.sr-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#2b163b66;place-items:center;padding:25px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;outline:0;width:100%;max-width:450px;max-height:90dvh;padding:30px;overflow:auto;box-shadow:0 15px 70px #35144225}.modal h2{margin:18px 0 12px;font-size:20px}.modal p{color:#ad9bbb;margin-bottom:27px;font-size:12px}.modal .actions{justify-content:flex-end}.modal-icon{color:#ad7be5;background:#f5eaff;border-radius:50%;place-items:center;width:42px;height:42px;font-size:23px;font-weight:700;display:grid}.ReactModal__Body--open{overflow:hidden}@media (width>=1600px){.main-content{padding:42px 50px}.metric{min-height:215px}}@media (width<=1200px){.admin-shell{grid-template-columns:220px minmax(0,1fr)}.brand{padding:0 20px}.main-content{padding:28px 24px}.detail-grid{grid-template-columns:minmax(0,1fr) 270px}.metric{padding:24px}.metric-grid{gap:16px}.panel{padding:21px}.topbar-user .badge{display:none}}@media (width<=1000px){.detail-grid,.two-columns,.metric-grid{grid-template-columns:1fr}.metric{gap:12px;min-height:155px}.metric i{font-size:42px}.topbar{padding:0 22px}.breadcrumb{display:none}.config-fields{gap:0 15px}}@media (width<=700px){.admin-shell{display:block}.sidebar{width:245px;transition:transform .2s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:10px 0 30px #48325815}.sidebar-open .sidebar{transform:translate(0)}.sidebar-open .workspace{min-width:300px;margin-left:245px}.menu-toggle{display:inline-flex}.main-content{padding:25px 15px}.topbar{z-index:15;height:65px;padding:0 15px;position:sticky;top:0}.topbar-user{font-size:10px}.page-heading{flex-direction:column;align-items:flex-start;gap:14px}h1{font-size:24px}.panel{padding:20px 15px}.table-toolbar{flex-wrap:wrap}.table-toolbar .search-field{min-width:100%}.table-toolbar>select{flex:1}.pager{align-items:flex-start;gap:16px}.pager>.actions{justify-content:space-between;width:100%}.form-grid,.config-fields{grid-template-columns:1fr}.form-footer{flex-direction:column;align-items:stretch}.form-footer .muted{max-width:100%}.app-footer{padding:20px 15px}.app-footer span{display:none}.login-card{padding:30px}.context-selected{font-size:10px}.metadata .mono{font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}