@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--ink:#22273b;--muted:#8a8fa4;--accent:#635bfa;--accent2:#9b73ff;--line:#e9eaf3;--bg:#f7f8fc;--white:#fff}*{box-sizing:border-box}body{font-family:'DM Sans',system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg);margin:0}a{text-decoration:none}.btn{font-weight:700;border-radius:11px;padding:10px 18px;font-size:13px}.btn-lg{padding:13px 22px}.btn-primary{--bs-btn-bg:#655cf6;--bs-btn-border-color:#655cf6;--bs-btn-hover-bg:#5147e8;--bs-btn-hover-border-color:#5147e8}.btn-outline-primary{--bs-btn-color:#655cf6;--bs-btn-border-color:#d5d1ff;--bs-btn-hover-bg:#655cf6;--bs-btn-hover-border-color:#655cf6}.btn-dark{--bs-btn-bg:#252b43;--bs-btn-border-color:#252b43}.form-control,.form-select{border:1px solid #e4e6f0;border-radius:11px;padding:11px 14px;font-size:14px}.form-control:focus,.form-select:focus{border-color:#887ffc;box-shadow:0 0 0 3px #655cf61a}.form-label{font-weight:700;font-size:13px;margin-bottom:8px;color:#41465b}h1,h2,h3,h4{font-family:'Plus Jakarta Sans',system-ui,sans-serif;letter-spacing:-.035em}h3{font-size:17px;font-weight:800;margin:0}.app-shell{display:flex;min-height:100vh}.sidebar{flex:0 0 254px;width:254px;background:#151c37;color:#d5d8ed;padding:30px 16px 20px;display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:20;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;color:white;padding:0 11px;margin-bottom:47px}.brand-icon{display:flex;width:38px;height:38px;align-items:center;justify-content:center;font-size:24px;border-radius:12px;background:linear-gradient(135deg,#a15cff,#5a64ef)}.brand strong{font-family:'Plus Jakarta Sans',sans-serif;font-size:18px;font-weight:800;letter-spacing:-.9px;display:block}.brand-light{color:#9d98fc}.brand small{display:block;font-size:9px;font-weight:800;letter-spacing:1.4px;color:#8e99c7}.nav-label{font-size:10px;color:#7080b4;letter-spacing:1.8px;font-weight:800;padding:0 16px;margin-bottom:14px}.nav-list{display:flex;flex-direction:column;gap:5px;margin-bottom:30px}.nav-list a{display:flex;align-items:center;gap:12px;color:#a3acca;padding:12px 14px;border-radius:10px;font-weight:600;font-size:12.5px;transition:.2s}.nav-list a span{font-size:19px;min-width:20px;text-align:center;font-weight:400}.nav-list a.active,.nav-list a:hover{background:#36345f;color:#fff}.nav-pip{font-size:9px;margin-left:auto;font-style:normal;border-radius:5px;padding:3px 5px;background:#514b86;color:#dfd9ff}.sidebar-card{margin-top:auto;background:#29274d;border:1px solid #403c6c;border-radius:15px;padding:19px 16px;margin-bottom:27px}.sidebar-card-icon{font-size:21px;margin-bottom:9px}.sidebar-card strong{font-size:12px;color:white}.sidebar-card p{font-size:11px;color:#aaaed2;line-height:1.7;margin:8px 0}.sidebar-card a{font-size:11px;color:#b8aaff;font-weight:700}.sidebar-footer{font-size:10px;color:#8791b5;padding:0 12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sidebar-footer small{display:block;width:100%;padding-left:16px;color:#59688d}.status-dot{height:7px;width:7px;display:inline-block;border-radius:50%;background:#23cd92;box-shadow:0 0 0 4px #23cd921a;flex-shrink:0}.status-dot.red{background:#f06269}.content-area{margin-left:254px;min-width:0;flex:1}.topbar{height:77px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 39px;gap:20px}.breadcrumb-label{font-size:11px;letter-spacing:1px;color:#9ca0b7;font-weight:800}.breadcrumb-label span{color:#454966}.topbar-right{display:flex;align-items:center;gap:20px}.account-pill{font-size:12px;font-weight:700;display:flex;align-items:center;gap:8px}.account-avatar{background:#edebff;color:#6e61e5;border-radius:50%;height:31px;width:31px;display:inline-flex;align-items:center;justify-content:center}.btn-logout{border:0;background:transparent;color:#9a9db0;font-size:11px;font-weight:700}.sidebar-toggle{display:none;border:0;background:transparent;font-size:21px}.main-content{max-width:1600px;padding:38px 40px 58px;margin:auto}.eyebrow{font-weight:800;color:#6d66e9;letter-spacing:2px;font-size:10px;margin-bottom:14px}.heading-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px;flex-wrap:wrap}.page-title{font-size:31px;font-weight:800;margin:0 0 9px;letter-spacing:-1.4px}.page-subtitle{font-size:13px;color:#9599a9;line-height:1.6;margin:0}.title-spark{color:#8f71ff}.welcome-banner{min-height:226px;background:linear-gradient(115deg,#282362 0%,#5844c3 58%,#8160df 100%);border-radius:19px;margin-bottom:25px;padding:33px 40px;color:white;display:flex;justify-content:space-between;overflow:hidden;position:relative}.welcome-banner>div:first-child{position:relative;z-index:1;max-width:555px}.welcome-banner h2{font-size:24px;font-weight:800;line-height:1.35}.welcome-banner p{font-size:12px;color:#ded8ff;line-height:1.6}.welcome-banner .btn{font-size:12px;padding:10px 16px}.banner-graphic{flex:0 0 260px;position:relative}.graphic-circle{height:170px;width:170px;position:absolute;right:23px;top:-2px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:94px;color:#f0daff30;background:#ffffff19;box-shadow:0 0 0 30px #ffffff0d,0 0 0 57px #ffffff07}.floating-sheet,.floating-etsy{position:absolute;z-index:2;background:white;border-radius:12px;color:#4c42a3;padding:14px 16px;box-shadow:0 12px 35px #1a14544d;font-weight:800;font-size:14px;transform:rotate(-9deg)}.floating-sheet{top:42px;left:7px}.floating-sheet span{display:block;font-size:9px}.floating-etsy{right:-4px;bottom:15px;transform:rotate(8deg);font-size:11px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:15px}.stat-card{background:white;border:1px solid #ececf4;border-radius:15px;padding:22px;min-height:168px;box-shadow:0 5px 21px #24305b05}.stat-icon{display:inline-flex;align-items:center;justify-content:center;height:37px;width:37px;font-size:18px;border-radius:11px;margin-bottom:14px}.purple{background:#edebff;color:#6a5df4}.green{background:#e3f9ef;color:#23a67b}.blue{background:#eaf3ff;color:#477edf}.amber{background:#fff5e3;color:#d99a2c}.stat-label{font-size:12px;color:#8e92a5;font-weight:600;margin-bottom:4px}.stat-number{font-family:'Plus Jakarta Sans';font-size:28px;font-weight:800;letter-spacing:-1.3px}.stat-note{font-size:10px;color:#a6a9ba}.compact-stats .stat-card{min-height:100px;padding:17px 21px}.compact-stats .stat-number{font-size:26px}.panel{background:#fff;border:1px solid #ebedf6;border-radius:16px;box-shadow:0 5px 20px #111a3d04;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #f0f0f6;padding:23px 24px;flex-wrap:wrap}.panel-heading p{font-size:11px;color:#9ca0b2;margin:6px 0 0}.link-arrow{font-size:12px;color:#665cf4;font-weight:700}.modern-table{margin:0;vertical-align:middle}.modern-table thead{background:#fafbfe}.modern-table th{font-size:10px;letter-spacing:.8px;text-transform:uppercase;font-weight:800;color:#a3a5b5;background:#fafbfe;border:0;padding:14px 24px;white-space:nowrap}.modern-table td{font-size:12px;color:#555b70;border-color:#f3f4f9;padding:18px 24px}.modern-table td strong{font-weight:800;color:#353a50}.modern-table tbody tr:hover td{background:#fbfbff}.state-tag,.mini-badge{background:#eef0fa;color:#727991;border-radius:7px;padding:6px 9px;font-size:10px;font-weight:800;display:inline-flex;align-items:center;white-space:nowrap}.state-published,.state-completed,.state-ready,.state-connected{background:#e3f9ef;color:#1c9b73}.state-draft,.state-running,.state-queued{background:#eaeaff;color:#655cf5}.state-failed,.state-cancelled{background:#ffe9e9;color:#dd5b69}.state-paused,.mini-badge.warning{background:#fff4dd;color:#b58128}.integration-panel{padding-bottom:22px}.connection-row{display:flex;align-items:center;gap:11px;margin:0 23px;padding:20px 0;border-bottom:1px solid #f1f1f6}.connection-row strong{display:block;font-size:12px}.connection-row small{display:block;font-size:10px;color:#999daf;margin-top:3px}.service-badge{width:41px;height:41px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:19px;font-weight:800;flex-shrink:0}.etsy-badge{color:#e46b23;background:#fff0e6}.drive-badge{color:#278a5c;background:#e8f7ee}.connection-status{font-size:9px;background:#f4f5f8;color:#8b90a4;padding:6px 8px;border-radius:7px;font-weight:800}.connection-status.connected{background:#e2f9ef;color:#229c71}.integration-panel>.btn{margin-left:23px;width:calc(100% - 46px)!important}.mini-tip{border-radius:13px;background:#efedff;border:1px solid #e0ddff;padding:19px 21px;margin-top:21px}.mini-tip strong{font-size:12px;color:#5d50cb}.mini-tip p{font-size:11px;line-height:1.7;margin:9px 0 0;color:#8c87b8}.page-footer{text-align:center;font-size:10px;color:#a8aabb;padding:0 20px 25px}.stepper{display:flex;gap:10px;margin:10px 0 25px;flex-wrap:wrap}.step{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:#a7aabb;padding:9px 15px;background:white;border:1px solid #eff0f7;border-radius:9px}.step span{font-size:10px;border-radius:50%;background:#f4f4fa;height:20px;width:20px;display:flex;align-items:center;justify-content:center}.step.active{background:#f1efff;color:#6057da;border-color:#e8e5ff}.step.active span{background:#6c5efa;color:white}.import-panel{min-height:540px}.dropzone{cursor:pointer;margin:27px 26px 0;border:2px dashed #d7d8ef;background:#fafaff;border-radius:16px;text-align:center;padding:60px 20px;transition:.2s}.dropzone.dragging,.dropzone:hover{border-color:#7a6cf5;background:#f4f1ff}.drop-icon{font-size:30px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;background:#edeaff;border-radius:17px;color:#645cda;width:65px;height:65px}.dropzone h4{font-size:16px;font-weight:800}.dropzone p{font-size:12px;color:#969bb1}.drop-hint{display:inline-block;background:#edeaff;color:#6f6da4;font-weight:700;font-size:11px;padding:8px 13px;border-radius:8px}.import-panel form>label,.import-panel form>input,.form-actions{margin-left:26px;margin-right:26px}.import-panel form>input{width:calc(100% - 52px)}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 0}.explain-item{display:flex;gap:14px;margin:15px 23px;padding:10px 0;border-bottom:1px solid #f1f1f7}.explain-item b{height:30px;width:30px;background:#f0eeff;color:#6259c9;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0}.explain-item strong{font-size:12px}.explain-item p{font-size:11px;color:#9398ad;line-height:1.7;margin:6px 0}.search-input{width:220px}.approval-row{display:flex;flex-direction:column;gap:10px}.approval-row .form-check-label{font-size:12px;color:#656c7f}.asset-mini{border-radius:6px;padding:5px 7px;display:inline-flex;align-items:center;font-size:10px;font-weight:800;margin:2px}.asset-mini.good{background:#dff8ec;color:#1f9e71}.asset-mini.bad{background:#fff0f0;color:#dc6570}.progress{background:#eeeefe;border-radius:99px}.progress-bar{border-radius:99px;background:linear-gradient(90deg,#655cf6,#ab80fe)}.event{display:flex;align-items:center;gap:11px;font-size:12px;border-bottom:1px solid #f3f3f7;padding:12px 7px}.event small{margin-left:auto;color:#a7a9bb}.helper{font-size:11px;color:#a0a4b4;margin:6px 0 17px;line-height:1.6}.taxonomy-results{display:flex;flex-direction:column;max-height:220px;overflow:auto}.taxonomy-result{text-align:left;border:none;background:#f7f7ff;padding:10px;color:#353957;margin-top:3px;border-radius:6px;font-size:12px}.taxonomy-result:hover{background:#e6e3ff}.empty-space{padding:70px 20px;text-align:center}.big-icon{font-size:48px;color:#756ae9}.empty-space h3{margin:12px 0}.empty-space p{font-size:12px;color:#9298ac}.file-example{background:#f4f5fa;padding:17px;border-radius:10px;font-size:12px;font-family:monospace;color:#645cb3;line-height:2.2}.connection-header{padding:25px;border-bottom:1px solid #f0f1f8;display:flex;align-items:center;gap:13px}.connection-header h3{margin-bottom:5px}.connection-header p{font-size:11px;color:#9fa3b4;margin:0}.connection-header .connection-status{margin-left:auto}.service-badge.large{width:51px;height:51px;font-size:23px}.connection-details{display:grid;grid-template-columns:100px 1fr;gap:10px;font-size:12px}.connection-details dt{color:#9498a9;font-weight:700}.connection-details dd{color:#41465b;font-weight:700;overflow-wrap:anywhere}.config-row{border:1px solid #e9eaf3;border-radius:11px;padding:17px}.config-row small{display:block;color:#979bab;font-size:10px;margin-bottom:7px}.config-row strong{font-size:14px}.auth-body{background:white}.auth-split{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-hero{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 10% 10%,#8f78f855,transparent 35%),linear-gradient(135deg,#191e45,#5044ae);padding:55px;color:white}.auth-hero-wrap{max-width:520px}.auth-mark{font-weight:800;font-size:19px;letter-spacing:2px;margin-bottom:60px}.auth-hero h1{font-size:48px;line-height:1.16;font-weight:800;letter-spacing:-2px}.auth-hero h1 em{font-style:normal;color:#c8b1ff}.auth-hero p{max-width:440px;font-size:15px;color:#ccc9f2;line-height:1.8;margin:23px 0 35px}.auth-points{font-size:13px;color:#dedaff;display:grid;gap:20px}.auth-form-wrap{display:flex;align-items:center;justify-content:center;padding:50px}.auth-card{max-width:410px;width:100%}.auth-card h2{font-size:30px;font-weight:800}.auth-note{text-align:center;color:#a1a6b6;font-size:11px;margin-top:35px}
@media(max-width:1200px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.banner-graphic{flex-basis:210px}.main-content{padding:28px 25px}}@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.is-open{transform:translateX(0)}.sidebar-toggle{display:block}.content-area{margin-left:0}.topbar{padding:0 20px}.breadcrumb-label{font-size:10px}.welcome-banner{padding:27px}.banner-graphic{display:none}.auth-split{grid-template-columns:1fr}.auth-hero{min-height:320px;padding:35px}.auth-hero h1{font-size:32px}.auth-mark{margin-bottom:24px}.auth-form-wrap{padding:42px 25px}}@media(max-width:570px){.stat-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:16px;min-height:135px}.stat-number{font-size:24px}.main-content{padding:26px 13px}.page-title{font-size:25px}.topbar-right .account-pill{font-size:0}.welcome-banner h2{font-size:20px}.heading-row{align-items:flex-start}.dropzone{margin:15px;padding:35px 13px}.form-actions{flex-wrap:wrap}.connection-header{flex-wrap:wrap}.connection-header .connection-status{margin-left:0}}