@charset "UTF-8";
:root{--ink:#182e31;--muted:#667a7b;--teal:#087f76;--line:#dfe9e7;--bg:#f5f8f7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 "Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.sidebar{position:fixed;width:248px;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:32px 22px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;font-size:25px;font-weight:750;letter-spacing:-1px}.logo{background:var(--teal);color:white;border-radius:12px;position:relative;display:grid;place-items:center;width:39px;height:39px;font-size:23px}.logo span{position:absolute;right:2px;bottom:0;font-size:14px;background:var(--teal)}.workspace{font-size:10px;letter-spacing:1.7px;color:#8a9999;margin:49px 10px 17px}nav a{display:flex;align-items:center;gap:13px;padding:13px 12px;margin:5px 0;border-radius:8px;color:#5b6e70}nav a.active{background:#e7f4ee;color:#116e5f;font-weight:650}nav small{font-size:9px;background:#edf0ef;border-radius:4px;padding:1px 5px;margin-left:auto}.side-note{margin-top:auto;border-top:1px solid var(--line);padding:22px 8px 0;font-size:12px}.side-note>span:last-child{color:var(--muted);font-size:11px}.status-dot{display:inline-block;background:#219780;width:7px;height:7px;border-radius:50%;margin-right:7px}main{margin-left:248px}.topbar{height:85px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 42px;font-size:12px;color:var(--muted)}.topbar b{margin:0 12px;color:#c9d3d0}.account{display:flex;align-items:center;gap:10px}.avatar{width:32px;height:32px;background:#e8eeeb;display:grid;place-items:center;border-radius:50%;font-weight:650;font-size:10px}.content{max-width:1350px;margin:auto;padding:38px 42px 20px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:750;color:var(--teal);margin:2px 0 14px}.hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;gap:15px}h1{font-size:clamp(28px,2.6vw,40px);line-height:1.22;letter-spacing:-1.3px;margin:0 0 18px;font-weight:650}p{color:var(--muted);margin:8px 0 16px}.hero p{font-size:14px;line-height:1.9}.hero-tags{display:flex;gap:17px;font-size:11px;color:#49685f;margin-top:22px}.illustration{height:230px;min-width:265px;position:relative;display:grid;place-items:center}.orbit{width:220px;height:220px;background:radial-gradient(circle,#dcefe4,#edf5ef);border-radius:50%;border:1px solid #e0ece5;position:absolute}.mail-card{width:166px;height:126px;background:white;box-shadow:0 16px 35px #255e4420;transform:rotate(-9deg);border:1px solid #deebe4;border-radius:13px;padding:20px;position:relative}.mail-icon{width:40px;height:33px;line-height:33px;font-size:37px;color:#468b77;margin-bottom:12px}.mail-card i{display:block;height:5px;width:100px;background:#e6eeea;margin:7px 0;border-radius:5px}.mail-card i:last-child{width:65px}.shield{position:absolute;background:#168773;color:white;right:22px;bottom:44px;width:73px;height:85px;clip-path:polygon(50% 0,100% 18%,92% 71%,50% 100%,8% 71%,0 18%);display:grid;place-items:center;font-size:39px}.float-tag{position:absolute;bottom:7px;left:14px;background:white;padding:8px 16px;border-radius:8px;box-shadow:0 7px 20px #255e4410;color:#21856c;font-size:11px;font-weight:650;transform:rotate(-4deg)}.spark{position:absolute;color:#b9aa65;font-size:27px}.s1{top:15px;right:20px}.s2{left:10px;bottom:55px;font-size:17px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:26px 0 18px}.section-heading span{font-size:11px;color:#7f9290}h2{font-size:18px;font-weight:650;letter-spacing:-.3px;margin:0}h3{font-size:15px;margin:15px 0 7px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:26px}.step-card{position:relative;padding:23px;background:#fff;border:1px solid var(--line);border-radius:13px;transition:transform .15s,box-shadow .15s}.step-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #234f3e0a}.step{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#edf0fc;color:#6576a1;font-size:12px;font-weight:750;flex-shrink:0}.step.teal{background:#e4f3eb;color:#24816c}.step.gray{background:#edf0ef;color:#95a29d}.step-card p{font-size:12px;line-height:1.9}.card-link{font-size:11px;font-weight:650;color:var(--teal)}.muted{background:#f9fbfa}.muted .card-link{color:#7e8d87}.badge{font-size:8px;letter-spacing:.6px;border:1px solid #dbe3df;color:#81928c;border-radius:5px;padding:4px 6px;font-weight:600;vertical-align:middle;margin-left:8px}.step-card>.badge{position:absolute;right:15px;top:29px}.panel{padding:26px;background:white;border:1px solid var(--line);border-radius:13px;margin-bottom:25px;scroll-margin-top:20px}.panel-title{display:flex;align-items:center;gap:14px;margin-bottom:24px}.panel-title p{font-size:12px;margin:3px 0 0}.login{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;border-color:#c7ded3}.login h2{margin-top:12px}.login p{font-size:12px}.login form{display:grid;gap:9px}label{font-size:12px;font-weight:600;display:block;margin-bottom:5px}input:not([type=checkbox]),select{width:100%;border:1px solid #d8e2df;background:#fff;color:var(--ink);padding:11px 12px;border-radius:7px;min-width:0}input[type=file]{font-size:11px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:11px 17px;border-radius:7px;font-weight:600;font-size:12px;line-height:1.6}.primary{background:var(--teal);color:white;border:1px solid var(--teal)}.primary:hover{background:#076b64}.secondary{background:white;border:1px solid #cfded7;color:#42645a}.text-btn{background:none;border:0;padding:5px;color:var(--teal);font-size:12px}.file-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:22px}.folder-bar{background:#f5f8f6;padding:11px 15px;border:1px solid var(--line);border-radius:8px 8px 0 0;font-size:12px}.folder-bar a{float:right;color:var(--teal)}.file-list{border:1px solid var(--line);border-top:0;border-radius:0 0 8px 8px;min-height:190px;max-height:330px;overflow:auto}.file-list>p{padding:15px}.file-row{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-bottom:1px solid #edf2ef;gap:10px;font-size:12px;overflow-wrap:anywhere}.file-row>span:last-child{font-size:11px;color:var(--teal)}.upload{border:1px dashed #bdcfc6;border-radius:8px;text-align:center;padding:16px;background:#fbfdfb}.upload h3{margin:0}.upload p{font-size:11px;margin:3px 0 10px}.upload-symbol{font-size:24px;color:var(--teal)}.upload label{font-size:10px}.upload .secondary{margin-top:10px}.selected{margin-top:18px;padding:12px 15px;background:#eff7f2;border-radius:6px;font-size:12px}.selected strong{margin-right:8px}.format-form{display:flex;gap:15px;align-items:end;flex-wrap:wrap}.format-form>div{min-width:155px}.checkbox{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:400}.format-form .checkbox{padding-bottom:8px}.column-options{display:flex;gap:20px;flex-wrap:wrap;margin:16px 0}.hint{font-size:12px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:7px;margin:15px 0}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th{background:#f1f6f3;font-weight:650}td,th{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}td{max-width:450px;overflow-wrap:anywhere}.process-bar{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:22px}.process-bar input{max-width:280px;display:block}.process-bar small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.filename{font:11px/1.6 Consolas,monospace;color:#7a8c84;overflow-wrap:anywhere}.import-note{border:1px solid var(--line);border-radius:10px;display:flex;align-items:start;gap:17px;padding:23px;margin:28px 0;background:#eff3f1}.import-note h3{margin:0}.import-note p{font-size:12px;margin:6px 0}.import-note strong{font-size:11px;color:#937631}.import-note form{margin-top:7px}footer{display:flex;gap:20px;align-items:center;color:#82968d;font-size:10px;border-top:1px solid var(--line);padding-top:20px}footer>span:last-child{margin-left:auto}.alert{padding:16px 20px;background:#fff6de;border:1px solid #e7d29c;border-radius:8px;margin-bottom:22px}.error{background:#fff0ed;border-color:#edc9c0;color:#8f3c2e}.result{border-color:#90c8b3}.result-counts{display:flex;gap:45px}.result-counts strong{display:block;font-size:30px;color:var(--teal)}.result-counts>div{font-size:12px;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap}
@media(min-width:1500px){.content{padding-top:50px}.hero{margin-bottom:55px}.hero h1{font-size:42px}}@media(max-width:1100px){.sidebar{width:205px;padding:25px 14px}main{margin-left:205px}.content{padding:30px 25px}.topbar{padding:0 25px}.hero-tags{flex-wrap:wrap;gap:7px 13px}.illustration{min-width:205px;transform:scale(.9)}.steps{gap:10px}.step-card{padding:18px 15px}.step-card>.badge{position:static;display:inline-block;margin:6px 0;font-size:7px}.file-layout{grid-template-columns:1fr 1fr}.login{gap:25px}}@media(max-width:760px){.sidebar{position:static;width:auto;padding:15px 20px}.brand{font-size:22px}.workspace,.side-note,nav{display:none}main{margin:0}.topbar{height:55px;padding:0 20px}.content{padding:25px 18px}.hero{margin-bottom:25px}.hero h1{font-size:29px}.illustration{display:none}.hero p br{display:none}.hero-tags{font-size:10px}.steps{grid-template-columns:1fr}.step-card{padding:18px}.step-card p br{display:none}.step-card>.badge{margin-left:10px}.step-card h3{margin-top:8px}.section-heading span{display:none}.login,.file-layout{grid-template-columns:1fr}.panel{padding:20px}.process-bar{align-items:stretch;flex-direction:column;gap:15px}.format-form>div{flex:1}.import-note .badge{display:block;width:max-content;margin:7px 0}footer{flex-wrap:wrap;gap:8px}footer>span:last-child{margin:0}.result-counts{gap:25px}}
@media print{@page{size:landscape;margin:12mm}body{background:white;font-size:10px}.sidebar,.topbar,.eyebrow,.hero,.section-heading,.steps,.panel:not(.result),.import-note,footer,.alert,.actions{display:none!important}main{margin:0}.content{padding:0;max-width:none}.result{padding:0;border:none;margin:0}.table-wrap{overflow:visible;border:none}table{font-size:9px;table-layout:fixed}td,th{padding:6px;overflow-wrap:anywhere}thead{display:table-header-group}tr{break-inside:avoid}.result-counts strong{font-size:22px}.result .step{display:none}}