@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;font-synthesis:none;color:#1b304a;background:#f7f9fd}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:3px solid #93b5ff;outline-offset:2px}.shell{display:flex;min-height:100dvh}.sidebar{width:256px;background:#fff;border-right:1px solid #e9eef5;padding:29px 17px 24px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:10px;margin:0 9px 50px}.brand-icon{height:39px;width:39px;display:grid;place-items:center;color:#fff;border-radius:12px;background:linear-gradient(145deg,#6699f8,#275ccd);box-shadow:0 7px 17px #4174db30}.brand strong{display:block;font-family:Manrope,sans-serif;font-size:15px;letter-spacing:-.6px;color:#183658}.brand small{display:block;font-size:8px;letter-spacing:2.6px;font-weight:800;color:#9baec1;margin-top:2px}.nav-caption,.eyebrow{font-size:10px;color:#92a5ba;font-weight:800;letter-spacing:2px}.nav-caption{margin:0 16px 15px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav{border:0;background:transparent;color:#8194a9;padding:14px 16px;display:flex;gap:13px;align-items:center;text-align:left;border-radius:11px;font-weight:700;font-size:12px}.nav.active{background:#edf3ff;color:#326fdb}.nav:hover{background:#f3f7ff}.side-card{margin:auto 3px 25px;background:linear-gradient(150deg,#eaf1ff,#f8faff);border:1px solid #e3ecfa;border-radius:14px;padding:19px;color:#4874af}.side-card strong{display:block;font-size:12px;margin:12px 0 7px;color:#2b4f84}.side-card p{font-size:11px;color:#7e9abb;line-height:1.65;margin:0}.side-account{border-top:1px solid #eaf0f5;padding:20px 2px 0;display:flex;align-items:center;gap:9px;min-width:0}.avatar{width:34px;height:34px;background:#e2edff;color:#3975d6;border-radius:10px;display:grid;place-items:center;font-weight:800}.side-account span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;color:#6c8199;flex:1}.side-account button,.history-actions button,.drawer-top button{background:none;border:0;color:#8599ae}.content{margin-left:256px;flex:1;min-width:0}.content header{height:69px;background:#fff;border-bottom:1px solid #edf1f7;display:flex;align-items:center;justify-content:space-between;padding:0 40px}.breadcrumbs{display:flex;align-items:center;gap:11px;letter-spacing:1.5px;font-weight:800;font-size:10px;color:#a3b0bf}.online{font-size:11px;color:#40816f;background:#eaf9f1;border-radius:30px;padding:7px 12px;display:flex;gap:7px;align-items:center}.body{max-width:1350px;padding:40px 46px 95px;margin:auto}.heading{margin-bottom:28px}.heading h1{font-family:Manrope,sans-serif;letter-spacing:-1px;font-size:30px;color:#142e4b;margin:10px 0 8px}.heading p{color:#8a9db0;font-size:13px;margin:0;line-height:1.55}.hero{background:linear-gradient(110deg,#143b78,#2869c5 68%,#4d89e6);border-radius:18px;padding:36px 44px;position:relative;overflow:hidden;color:#fff;min-height:270px}.hero-label{font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:8px;color:#d2e1ff;font-weight:800}.hero h2{font:800 31px/1.22 Manrope,sans-serif;letter-spacing:-1px;margin:18px 0 10px}.hero h2 em{font-style:normal;color:#b9d3ff}.hero p{color:#dfebfc;font-size:12px;max-width:390px;line-height:1.7}.hero-btn{display:flex;align-items:center;gap:12px;background:#fff;border:0;border-radius:9px;color:#285fbd;font-weight:800;padding:12px 16px;margin-top:22px;font-size:12px}.hero-decor{position:absolute;right:12%;top:55px;transform:rotate(-14deg);width:180px;height:180px;border:1px solid #a9cdf850;border-radius:25px;display:grid;place-items:center;background:#d8ecff16;color:#c0dcff80;box-shadow:25px 28px #a1ccff0f}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:23px 0 35px}.stats>div{background:#fff;border:1px solid #e7edf7;border-radius:13px;min-height:145px;padding:19px;display:flex;flex-direction:column;align-items:start;gap:10px}.stats svg{color:#5d83ca;width:21px;height:21px}.stats small{font-size:11px;color:#91a2b6}.stats strong{font:800 27px Manrope,sans-serif;color:#1c3553}.list-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.list-head h2{font-size:16px;font-family:Manrope,sans-serif}.list-head button,.link-btn{background:none;border:none;color:#4979cf;display:flex;gap:7px;align-items:center;font-size:12px;font-weight:800}.job{width:100%;display:flex;align-items:center;gap:14px;background:#fff;padding:17px;border:1px solid #edf0f6;border-bottom:none;text-align:left}.job:first-of-type{border-radius:12px 12px 0 0}.job:last-of-type{border-radius:0 0 12px 12px;border-bottom:1px solid #edf0f6}.job-icon,.email-icon{width:42px;height:42px;background:#edf4ff;border-radius:11px;display:grid;place-items:center;color:#537cc7}.job>div:nth-child(2){flex:1;min-width:0}.job strong,.email-row strong{font-size:12px;display:block;color:#263d56;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job small,.email-row small{color:#91a0b1;font-size:10px;display:block;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job>svg{color:#b5c0cd}.empty{text-align:center;background:#fff;border:1px solid #eaf0f8;border-radius:14px;padding:42px 20px;color:#8298b2}.empty>svg{color:#6b94d9}.empty h3{font-size:15px;color:#243c59}.empty p{font-size:12px}.primary{display:inline-flex;justify-content:center;align-items:center;gap:11px;background:#3979dc;border:none;color:#fff;border-radius:9px;font-weight:800;font-size:12px;padding:13px 17px}.primary:hover{background:#2668cc}.privacy{display:flex;gap:15px;margin-top:25px;padding:20px;background:#edf6ff;border:1px solid #e2eeff;border-radius:12px;color:#517baf}.privacy strong{font-size:12px;color:#335780}.privacy p{font-size:11px;line-height:1.65;margin:6px 0 0}.upload-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:20px;align-items:start}.panel{background:#fff;border:1px solid #e8eef5;border-radius:14px;padding:23px}.drop{border:2px dashed #c9d9f0;background:#f8fbff;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:43px 20px;min-height:260px;color:#5f89ce;cursor:pointer}.drop input{position:absolute;opacity:0;width:1px;height:1px}.drop strong{margin-top:15px;color:#355d91;font-size:14px}.drop p{font-size:12px;color:#849bb4}.drop span{font-size:10px;color:#a0adba}.selected{margin:25px 0}.selected h3{font-size:12px}.selected-item{display:flex;gap:11px;align-items:center;border-bottom:1px solid #eef1f6;padding:12px 0;font-size:11px}.selected-item>svg{color:#6895da}.selected-item span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-item small{color:#9caec0}.selected-item button{border:0;background:none;color:#a2aebd}.big{width:100%;margin-top:24px;padding:16px}.side-panel{padding:25px;background:#f0f5fe;border-radius:14px;border:1px solid #dfebfa}.side-panel h3{font-size:15px;color:#345d96}.side-panel p{color:#7691b2;font-size:11px;line-height:1.7;display:flex;gap:9px}.side-panel hr{border:0;border-top:1px solid #dbe6f6;margin:22px 0}.caveat{margin-top:24px;border-radius:10px;padding:14px;background:#fff;color:#7e90a7;font-size:11px;line-height:1.55}.progress{margin-top:20px}.progress strong{font-size:12px}.progress span{font-size:11px;color:#90a0ae}.track{height:8px;border-radius:99px;background:#e7effc;overflow:hidden;margin:12px 0}.track div{height:100%;background:#497fe5;transition:width .15s}.actions{display:flex;justify-content:space-between;gap:15px;margin-bottom:22px}.search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e5edf6;border-radius:10px;padding:0 14px;max-width:470px;flex:1;color:#9dabc0}.search input{padding:14px 0;outline:none;border:none;width:100%;min-width:0;font-size:12px}.secondary{display:flex;align-items:center;gap:8px;padding:12px 15px;background:#fff;border:1px solid #dfe9f5;border-radius:9px;color:#5479af;font-size:12px;font-weight:800}.history-panel{padding:0;margin-bottom:19px;overflow:hidden}.history-title{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #eaf0f8}.history-title h2{font-size:14px;margin:0}.history-title p{font-size:11px;color:#95a5ba;margin:8px 0 0}.history-actions{display:flex;gap:12px}.email-row>button:first-child{width:100%;display:flex;align-items:center;gap:12px;text-align:left;background:#fff;border:0;padding:14px 20px;border-bottom:1px solid #f0f3f8}.email-row>button:first-child>span:nth-child(2){flex:1;min-width:0}.email-row>button:first-child>svg:last-child{color:#b6c3d2}.retry{border:0;color:#3979dc;background:#eef5ff;padding:10px 20px;font-size:11px;font-weight:800}.status{border-radius:50px;padding:6px 10px;font-size:10px;font-weight:800;white-space:nowrap}.status.done{background:#e6f7ee;color:#348864}.status.error{background:#ffece9;color:#cd594f}.status.pending,.status.running{background:#edf4ff;color:#4c83ce}.muted{padding:14px 22px;font-size:11px;color:#8da1b5}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d29486b;z-index:30;display:flex;justify-content:flex-end}.drawer{width:min(650px,100%);height:100dvh;background:#fff;display:flex;flex-direction:column;box-shadow:-13px 0 50px #213d5726}.drawer-top{padding:25px;border-bottom:1px solid #e9eef5;display:flex;align-items:start;justify-content:space-between;gap:10px}.drawer-top h2{font-size:17px;line-height:1.5;margin-bottom:0}.drawer-scroll{overflow:auto;padding:24px;flex:1}.drawer-scroll h3{font-size:13px;margin:25px 0 13px}.variables{border:1px solid #e8eef5;border-radius:10px;overflow:hidden}.variables>div{display:grid;grid-template-columns:42% minmax(0,1fr);gap:10px;padding:12px;border-bottom:1px solid #edf2f7}.variables>div:nth-child(odd){background:#f8fafd}.variables span{font-size:11px;color:#879cb2}.variables strong{font-size:11px;color:#314c6b;overflow-wrap:anywhere;font-weight:700}.mail-body{white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f8fc;padding:16px;border-radius:10px;font:11px/1.7 ui-monospace,monospace;color:#4e637b}.drawer-actions{margin-top:20px}.alert{display:flex;align-items:center;gap:10px;margin-bottom:15px;border-radius:9px;padding:13px;font-size:12px;line-height:1.5}.alert.error{background:#fff0ef;color:#b94844}.alert.warning{background:#fff6e7;color:#aa7b32}.alert.success{background:#eaf8ef;color:#387954}.alert button{border:0;background:none;margin-left:auto;color:inherit}.auth{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(circle at 70% 15%,#dce8ff,#f7f9fd 60%);padding:20px}.auth-box{background:#fff;border:1px solid #e4ecf5;padding:40px;width:min(450px,100%);border-radius:18px;box-shadow:0 17px 55px #21488014}.auth-box .brand{margin:0 0 32px}.auth-badge{padding:14px;text-align:center;background:#f0f6ff;border-radius:10px;color:#6f90ba;display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;font-weight:800;letter-spacing:1px}.auth-box h1{font:800 26px Manrope,sans-serif;margin:22px 0 9px}.auth-box p{font-size:12px;line-height:1.7;color:#91a1b6}.auth-box form{display:flex;flex-direction:column;gap:15px;margin:23px 0}.auth-box label{font-size:11px;font-weight:800;display:grid;gap:8px;color:#637b97}.auth-box input{border:1px solid #dae5f2;border-radius:8px;padding:13px}.auth-box form .primary{margin-top:8px}.link-btn{margin:auto}.loading,.setup{min-height:100dvh;display:flex;justify-content:center;align-items:center;gap:15px;color:#6184b1}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.sidebar{width:220px}.content{margin-left:220px}.body{padding:28px 25px 85px}.hero-decor{right:4%;opacity:.7}.stats{gap:10px}.stats>div{padding:15px}.upload-grid{grid-template-columns:minmax(0,1fr) 250px}}@media(max-width:760px){.sidebar{width:100%;height:calc(68px + env(safe-area-inset-bottom,0px));inset:auto 0 0;flex-direction:row;padding:6px 8px calc(5px + env(safe-area-inset-bottom,0px));border-right:0;border-top:1px solid #dfe8f4;box-shadow:0 -5px 25px #234b7410}.sidebar .brand,.nav-caption,.side-card,.side-account{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:3px}.sidebar .nav{display:flex;flex-direction:column;gap:4px;justify-content:center;align-items:center;padding:5px;font-size:10px;min-height:48px}.sidebar .nav svg{width:20px}.content{margin:0}.content header{height:calc(58px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 18px 0;position:sticky;top:0;z-index:8}.body{padding:25px 17px calc(100px + env(safe-area-inset-bottom,0px))}.heading h1{font-size:24px}.hero{padding:28px 25px;min-height:250px}.hero h2{font-size:26px}.hero-decor{opacity:.13;right:-35px}.stats{grid-template-columns:repeat(2,1fr);margin:17px 0 24px}.stats>div{min-height:128px}.upload-grid{grid-template-columns:1fr}.side-panel{display:none}.actions{flex-direction:column}.search{max-width:none}.secondary{justify-content:center}.history-title{align-items:flex-start}.email-row>button:first-child{padding:13px}.email-icon{width:33px;height:33px}.email-row .status{font-size:9px}.drawer{width:100%}.drawer-top,.drawer-scroll{padding:19px}.variables>div{grid-template-columns:45% 55%}.auth-box{padding:27px}}@media(display-mode:standalone){body{min-height:100dvh}}html{-webkit-text-size-adjust:100%;overscroll-behavior-y:none}button{-webkit-tap-highlight-color:transparent}
