:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#172238;background:#f3f5fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#226598;color:#fff;border:1px solid #226598;border-radius:999px;padding:9px 18px;font-size:14px;font-weight:600;line-height:1.2;white-space:nowrap;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s}button:hover:not(:disabled),.button:hover{background:#1a5279;border-color:#1a5279}button:disabled{background:#a6c2d9;border-color:#a6c2d9;color:#fff;cursor:not-allowed}.ico{flex:none}.secondary{background:#0d293f;border-color:#0d293f;color:#fff}.secondary:hover:not(:disabled){background:#06192a;border-color:#06192a}.cancel{background:#fa9a1c;border-color:#fa9a1c;color:#fff}.cancel:hover:not(:disabled){background:#e08607;border-color:#e08607}.icon-btn{background:transparent;border:0;border-radius:50%;padding:6px;color:#111}.icon-btn:hover:not(:disabled){background:#e8eff6;color:#111}.icon-btn.danger,.icon-btn.danger:hover:not(:disabled){color:#ba2325}.icon-btn.danger:hover:not(:disabled){background:#fdeaea}.icon-btn:disabled{background:transparent;color:#a6c2d9}input,textarea,select{width:100%}input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select{--st:transparent;padding:10px 12px;color:#1c2b3a;background:#f0f4f7;border:1px solid #e1e7ee;border-radius:4px;box-shadow:inset 4px 0 0 var(--st);transition:border-color .15s,box-shadow .15s,background .15s}input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,textarea:focus,select:focus{outline:none;background:#fff;border-color:#226598;box-shadow:inset 4px 0 0 var(--st),0 0 0 3px #22659933}input:not([type=checkbox]):not([type=radio]):not([type=file]):required:invalid,textarea:required:invalid,select:required:invalid{--st:#d93232;border-color:#d93232}input:not([type=checkbox]):not([type=radio]):not([type=file]):required:valid,textarea:required:valid,select:required:valid{--st:#3a9e48;border-color:#3a9e48}label{display:block;font-size:14px;font-weight:600;margin:18px 0}label input,label textarea,label select{display:block;margin-top:7px}h1{font-size:30px;letter-spacing:-.7px;margin:8px 0}h2{font-size:21px}p{line-height:1.6}.muted{color:#6a768a}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.5px;color:#627296}.top{position:relative;z-index:20;height:62px;padding:0 28px;background:#fff;border-bottom:1px solid #dfe5ef;display:flex;align-items:center;justify-content:space-between;gap:15px}.top button{padding:8px 16px;font-size:14px}.crumbs{display:flex;align-items:baseline;gap:8px;min-width:0;overflow:hidden;white-space:nowrap;font-size:15px}.crumb-current{color:#172238;font-weight:700;overflow:hidden;text-overflow:ellipsis}.top-right{display:flex;align-items:center;gap:10px;font-size:14px;color:#344562}.top-sep{width:1px;height:26px;background:#dfe5ef;margin:0 4px}.brand{font-weight:800;letter-spacing:1px;color:#244bbb}.dashboard{max-width:1240px;margin:40px auto;padding:0 24px}.workspace{padding:25px}.workspace.editing{height:calc(100vh - 62px);height:calc(100dvh - 62px);padding:12px 16px 16px;display:flex;flex-direction:column}.workspace.editing iframe{flex:1;height:auto;min-height:0}.workspace.editing .error,.workspace.editing .success{margin:0 0 10px}.title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.actions{display:flex;gap:10px;flex-wrap:wrap}.card{padding:26px;background:#fff;border:1px solid #e0e5ef;border-radius:15px;margin-bottom:22px;box-shadow:0 4px 20px #152b5810}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stats strong{display:block;font-size:35px;color:#2e51b9;margin-bottom:8px}.stats span{font-size:14px;color:#67758a}.table{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:12px;color:#69788f;background:#f5f7fb;padding:14px}td{padding:17px 14px;border-bottom:1px solid #edf0f6;font-size:14px}td small{display:block;color:#748096;margin-top:5px}.badge{background:#edf2ff;color:#3555a6;border-radius:30px;padding:5px 10px;font-size:12px}.search{max-width:320px}.empty{text-align:center;padding:50px;color:#6b7890}.error,.success,.hint{padding:14px 18px;border-radius:9px;margin:16px 0;line-height:1.5}.error{background:#ffeded;color:#9a2334}.success{background:#e4f6ed;color:#1b6745}.hint{background:#e9efff;color:#41577e}.hash{font-family:monospace;font-size:12px;overflow-wrap:anywhere;color:#778397}.upload{border:2px dashed #b9c8ed;border-radius:12px;padding:24px;background:#f6f8ff}.upload input{border:0;background:transparent}.login{max-width:440px;margin:8vh auto;padding:32px;background:#fff;border:1px solid #e0e5ef;border-radius:20px}.login button{width:100%;margin-top:15px}.mark{background:#3159df;color:#fff;font-size:25px;font-weight:800;width:50px;height:50px;display:grid;place-items:center;border-radius:14px}iframe{width:100%;height:calc(100vh - 210px);min-height:650px;border:1px solid #d6deec;border-radius:12px;background:#fff}a{color:#3159df}@media (max-width:700px){.top,.title{flex-direction:column;align-items:flex-start}.top{height:auto;padding:12px 16px}.top-right{flex-wrap:wrap}.workspace.editing{height:auto}.workspace.editing iframe{flex:none;height:calc(100vh - 190px);min-height:520px}.stats{grid-template-columns:1fr;gap:0}.dashboard{margin-top:20px}.workspace{padding:12px}.login{margin:30px 15px}.search{max-width:100%}.top .crumb-parent{display:none}}.landing{--navy:#102d4a;--blue:#1768a8;--lime:#b4d532;--ink:#233b54;--soft:#f4f8fb;color:var(--ink);background:#fff;min-height:100vh;font-family:Inter,Segoe UI,Arial,sans-serif}.landing *{box-sizing:border-box}.landing a{text-decoration:none;color:inherit}.landing-container{max-width:1180px;margin:0 auto;padding:0 28px}.landing-nav{position:sticky;top:0;z-index:10;background:#fffffff0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #e8eef4}.nav-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo-link img{width:180px;height:auto;display:block}.nav-inner nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600;color:var(--navy)}.nav-inner nav a{transition:color .2s}.nav-inner nav a:hover{color:var(--blue)}.nav-inner nav button,.mobile-login{border:0;background:var(--navy);color:#fff;border-radius:5px;padding:12px 20px;font-weight:700;cursor:pointer}.mobile-login{display:none}.landing-hero{overflow:hidden;background:radial-gradient(circle at 76% 42%,#dceef5 0,#f6fafc 23%,#fff 55%);padding:92px 0 95px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:55px}.landing-kicker{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--blue);margin:0 0 18px}.landing-hero h1{font-size:clamp(42px,5.2vw,72px);line-height:1.04;letter-spacing:-2.6px;color:var(--navy);max-width:710px;margin:0 0 27px}.landing-hero h1 span,.section-intro h2 span{color:var(--blue)}.hero-copy{max-width:610px;color:#617489;font-size:18px;line-height:1.75;margin:0 0 31px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.landing-primary{display:inline-flex;align-items:center;gap:25px;background:var(--blue);color:#fff!important;border-radius:5px;padding:15px 20px 15px 22px;font-size:15px;font-weight:700;box-shadow:0 10px 25px #1768a830}.landing-primary span{font-size:22px;line-height:0}.landing-primary:hover{background:var(--navy)}.landing-text-link{font-size:14px;font-weight:700;color:var(--navy)!important;border-bottom:1px solid var(--navy);padding-bottom:3px}.hero-trust{display:flex;align-items:center;gap:9px;margin-top:47px;color:#7b8b9c;font-size:11px;letter-spacing:.3px}.trust-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px #b4d53222}.hero-visual{min-height:430px;position:relative;display:grid;place-items:center}.visual-orbit{position:absolute;border:1px solid #9bc5d9;border-radius:50%;transform:rotate(-18deg)}.orbit-one{width:470px;height:260px}.orbit-two{width:360px;height:420px;transform:rotate(54deg);border-color:#c4dced}.visual-card{position:relative;width:290px;min-height:325px;padding:28px;background:linear-gradient(150deg,#0d3556,#1768a8);border-radius:19px;color:#fff;box-shadow:22px 25px 50px #0e38514c;transform:rotate(-7deg)}.visual-card:after{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px solid #ffffff30;border-radius:12px}.visual-label{position:relative;z-index:1;font-size:9px;letter-spacing:1.8px;color:#b8dce8}.visual-card strong{position:relative;z-index:1;display:block;margin-top:67px;font-size:29px;line-height:1.08;letter-spacing:-1px}.visual-card em{color:#c3df34;font-style:normal}.visual-bars{position:relative;z-index:1;height:70px;display:flex;align-items:end;gap:7px;margin-top:25px}.visual-bars i{display:block;width:23px;border-radius:4px 4px 0 0;background:#70b5d1}.visual-bars i:nth-child(1){height:27%}.visual-bars i:nth-child(2){height:48%}.visual-bars i:nth-child(3){height:40%}.visual-bars i:nth-child(4){height:78%;background:#a6d12f}.visual-bars i:nth-child(5){height:100%;background:#c3df34}.visual-footer{position:relative;z-index:1;display:flex;justify-content:space-between;margin-top:23px;font-size:9px;letter-spacing:1px;color:#b7d8e7}.experience{padding:105px 0 110px;background:var(--soft);border-top:1px solid #e3edf2;border-bottom:1px solid #e3edf2}.section-intro{max-width:720px}.section-intro h2{font-size:clamp(32px,4vw,50px);line-height:1.1;letter-spacing:-1.7px;color:var(--navy);margin:0 0 20px}.section-intro p:last-child{color:#66788b;font-size:16px;line-height:1.75;margin:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:58px 0 75px}.metrics>div{background:#fff;border:1px solid #dbe7ee;border-radius:9px;padding:24px 22px}.metrics strong{display:block;font-size:42px;letter-spacing:-2px;color:var(--navy)}.metrics span{display:block;color:#708296;font-size:13px;margin-top:7px}.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;position:relative;padding-top:35px}.timeline-line{position:absolute;left:1%;right:1%;top:42px;height:1px;background:linear-gradient(90deg,var(--blue),#a7d232)}.timeline-item{position:relative;padding-right:10px}.timeline-dot{display:block;width:15px;height:15px;background:#fff;border:4px solid var(--blue);border-radius:50%;position:relative;z-index:1;margin-bottom:28px}.timeline-item:last-child .timeline-dot{border-color:var(--lime);background:var(--lime)}.timeline-item small{font-size:12px;font-weight:800;color:var(--blue)}.timeline-item h3{font-size:16px;color:var(--navy);margin:7px 0}.timeline-item p{font-size:13px;line-height:1.55;color:#708296;margin:0}.solutions{padding:108px 0 120px}.centered{text-align:center;margin:0 auto;max-width:680px}.centered p:last-child{max-width:560px;margin-left:auto;margin-right:auto}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:57px}.solution-card{min-height:390px;padding:31px 30px 28px;border:1px solid #dfe8ee;border-top:4px solid var(--blue);border-radius:10px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.solution-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px #153d5d12}.updoce-card{border-top-color:var(--lime)}.sigcoop-card{border-top-color:var(--navy)}.solution-logo{height:73px;display:flex;align-items:center;margin-bottom:24px}.solution-logo img{max-width:218px;max-height:68px;width:auto;height:auto;object-fit:contain}.updoce-card .solution-logo img{max-height:52px}.sigcoop-card .solution-logo img{max-width:270px;max-height:67px}.solution-tag{font-size:10px!important;letter-spacing:1.5px;color:var(--blue)!important;font-weight:800;margin:0 0 13px!important}.updoce-card .solution-tag{color:#7da716!important}.solution-card h3{color:var(--navy);font-size:23px;line-height:1.2;margin:0 0 14px;letter-spacing:-.5px}.solution-card>p:not(.solution-tag){color:#728398;font-size:14px;line-height:1.65;margin:0;flex-grow:1}.solution-card a{display:flex;justify-content:space-between;margin-top:25px;font-size:13px;font-weight:800;color:var(--blue)}.solution-card a span{font-size:18px}.landing-cta{background:var(--navy);color:#fff;padding:72px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-inner .landing-kicker{color:#acd22e}.cta-inner h2{font-size:38px;letter-spacing:-1.3px;margin:0 0 10px}.cta-inner p:last-child{color:#b8c7d2;margin:0}.landing-primary.light{background:var(--lime);color:var(--navy)!important;box-shadow:none;white-space:nowrap}.landing-primary.light:hover{background:#d0eb57}footer{background:#0b2339;color:#fff;padding:55px 0 22px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:45px}.footer-grid img{width:170px;background:#fff;padding:5px 10px;border-radius:3px}.footer-grid p,.footer-grid a,.footer-grid span{display:block;color:#a9bdca;font-size:13px;line-height:1.7}.footer-grid p{margin-top:16px}.footer-grid h3{font-size:13px;letter-spacing:1px;text-transform:uppercase;margin:4px 0 17px;color:#fff}.footer-grid a{margin:7px 0}.footer-grid a:hover{color:#c3df34}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff1c;margin-top:40px;padding-top:20px;color:#8097a8;font-size:11px}.footer-bottom button{border:0;background:none;color:#c3df34;font-weight:700;cursor:pointer}.login-logo{max-width:240px;height:auto;margin-bottom:18px}.login form .secondary{width:100%;margin-top:10px}@media (max-width:800px){.landing-container{padding:0 20px}.nav-inner{height:70px}.nav-inner nav{display:none}.mobile-login{display:block}.logo-link img{width:153px}.landing-hero{padding:62px 0 70px}.hero-grid{grid-template-columns:1fr}.hero-visual{min-height:360px;margin-top:10px}.landing-hero h1{letter-spacing:-1.8px}.metrics{grid-template-columns:repeat(2,1fr);margin:45px 0 55px}.timeline{grid-template-columns:1fr;gap:24px;padding:0 0 0 33px}.timeline-line{top:4px;bottom:4px;left:7px;width:1px;height:auto;right:auto}.timeline-item{padding:0}.timeline-dot{position:absolute;left:-33px;top:0;margin:0}.solution-grid{grid-template-columns:1fr;margin-top:40px}.solution-card{min-height:330px}.cta-inner{align-items:flex-start;flex-direction:column}.cta-inner h2{font-size:31px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{gap:15px;flex-direction:column}}@media (max-width:480px){.hero-visual{transform:scale(.84);margin-left:-30px;margin-right:-30px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}.signer{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:26px;align-items:start}.signer .upload{margin:0 0 6px}.signer>div>label{margin:16px 0 14px}.signer-cfg{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:0 18px}.small{font-size:12.5px;margin:6px 0 14px;line-height:1.5}.pager{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:14px;font-weight:600}.pager button{padding:6px 14px}.preview{position:relative;display:inline-block;max-width:100%;overflow:auto;border:1px solid #cdd6e5;background:#fff;box-shadow:0 4px 20px #152b5810}.preview canvas{display:block}.stamp-box{position:absolute;display:grid;place-items:center;border:1.5px dashed #3159df;background:#3159df1f;pointer-events:none}.stamp-box span{font-size:11px;font-weight:700;color:#244bbb;text-align:center;padding:2px}.check{display:flex;align-items:center;gap:9px;align-self:end}.check input{width:auto;margin:0}@media (max-width:900px){.signer{grid-template-columns:1fr}}.top .apps-btn{width:38px;height:38px;padding:0;display:grid;place-items:center;background:transparent;color:#4a5a78;border:0;border-radius:50%}.top .apps-btn:hover,.top .apps-btn[aria-expanded=true]{background:#eaeef8}.apps-btn svg{fill:currentColor}.apps-panel{position:absolute;top:calc(100% + 4px);right:20px;width:min(340px,calc(100vw - 24px));max-height:calc(100vh - 90px);overflow-x:hidden;overflow-y:auto;padding:16px 14px 14px;background:#fff;border:1px solid #dfe5ef;border-radius:20px;box-shadow:0 14px 44px #152b5833;animation:appsIn .14s ease-out}.apps-title{margin:0 8px 8px;font-size:13px;font-weight:700;color:#5b6a85;letter-spacing:.2px;line-height:1.3}.apps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.top .app{display:flex;flex-direction:column;align-items:center;white-space:normal;overflow-wrap:anywhere;min-width:0;gap:9px;padding:14px 4px 10px;background:transparent;color:#243252;border:0;border-radius:14px;font-size:12.5px;font-weight:600;line-height:1.25;text-align:center}.top .app:hover:not(:disabled){background:#f0f3fa}.top .app[aria-current=true]{background:#e9efff}.top .app:disabled{opacity:.42;filter:grayscale(.7);cursor:not-allowed}.top .app:focus-visible,.top .apps-btn:focus-visible{outline:2px solid #3159df;outline-offset:2px}.app-ico{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;box-shadow:0 5px 12px #1b2b5a2e}@keyframes appsIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.apps-panel{animation:none}}@media (max-width:700px){.apps-panel{left:12px;right:12px;width:auto;max-height:calc(100vh - 150px);padding:14px 10px 10px}.top .app{font-size:12px;padding:12px 2px 8px}.plat{padding:9px 8px}}@media (max-width:480px){.plat-host span{display:none}.top .app{font-size:11.5px}}.row-actions{display:flex;gap:4px;justify-content:center}th.c,td.c{text-align:center}.top .client-pick{width:auto;max-width:min(300px,40vw);padding:8px 32px 8px 12px;font-size:14px}.card form h3{margin:18px 0 4px;font-size:15px;color:#2b3d58}.card form h3:first-of-type{margin-top:4px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.pw-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px}.pw-row label{flex:1 1 280px;margin:18px 0}.pw-row button{margin-bottom:18px}@media (max-width:700px){.form-grid{grid-template-columns:1fr}}@media (max-width:1100px){.top .user{display:none}}.top-right{flex:none}.crumb-current{min-width:0}.landing button{font-size:inherit;line-height:inherit}.landing button:hover:not(:disabled){background:var(--navy);border-color:transparent}.landing .footer-bottom button:hover:not(:disabled){background:none}.apps-sep{margin:14px 8px 6px;padding-top:12px;border-top:1px solid #e6ebf2}.plat-list{display:flex;flex-direction:column;gap:2px}.plat{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;color:#5b6a85;font-size:12.5px;font-weight:600;text-decoration:none}.plat:hover{background:#f0f3fa;color:#226598}.plat:focus-visible{outline:2px solid #3159df;outline-offset:2px}.plat img{height:26px;width:auto;max-width:min(150px,60%);min-width:0;object-fit:contain;object-position:left center}.plat-host{display:inline-flex;align-items:center;gap:5px;flex:none}.mail{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:560px;background:#fff;border:1px solid #e0e5ef;border-radius:15px;box-shadow:0 4px 20px #152b5810;overflow:hidden}.mail-side{display:flex;flex-direction:column;gap:2px;padding:12px 8px;background:#f6f8fc;border-right:1px solid #e6ebf2}.mail .mail-folder{display:flex;align-items:center;justify-content:flex-start;gap:14px;width:100%;padding:8px 16px;background:transparent;border:0;border-radius:999px;color:#2b3a52;font-size:14px;font-weight:500;text-align:left}.mail .mail-folder:hover:not(:disabled){background:#e8eef6;color:#2b3a52}.mail .mail-folder.on{background:#d6e6f5;color:#0d293f;font-weight:700}.mail-zoho{display:flex;align-items:center;gap:10px;margin-top:auto;padding:14px 16px 4px;font-size:13px;color:#5b6a85;text-decoration:none}.mail-zoho:hover{color:#226598}.mail-main{min-width:0;display:flex;flex-direction:column}.mail-main .error{margin:12px 16px 0}.mail-bar{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid #eef1f6}.mail-count{font-size:13px;color:#5b6a85}.mail-pager{margin-left:auto;display:flex}.mail-list{list-style:none;margin:0;padding:0}.mail-list.busy{opacity:.55;pointer-events:none}.mail-item{display:flex;align-items:center;gap:14px;height:44px;padding:0 16px;background:#f6f8fb;border-bottom:1px solid #eef1f6;color:#4a5a6a;font-size:14px;cursor:pointer}.mail-item.unread{background:#fff;color:#1c2b3a}.mail-item:hover{background:#eef4fa;box-shadow:inset 3px 0 #226598}.mail-item:focus-visible{outline:2px solid #226598;outline-offset:-2px}.mail-from{flex:0 0 190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-item.unread .mail-from,.mail-item.unread .mail-subj b{font-weight:700}.mail-subj{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-subj b{font-weight:500;color:#1c2b3a}.mail-subj span{color:#6b7a8c}.mail-item .ico{color:#5b6a85}.mail-date{flex:none;min-width:64px;text-align:right;font-size:12.5px}.mail-item.unread .mail-date{font-weight:700;color:#1c2b3a}.mail-empty{padding:40px;text-align:center;color:#6b7890}.mail-view{padding:8px 24px 24px}.mail-view .mail-bar{margin:0 -24px 12px;padding-left:12px}.mail-subject{font-size:22px;font-weight:600;margin:8px 0 12px}.mail-meta{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:0 0 14px;font-size:13.5px}.mail-meta dt{color:#6b7a8c}.mail-meta dd{margin:0;overflow-wrap:anywhere}.mail-att{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}.mail-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#f6f8fb;border:1px solid #d5dde6;border-radius:999px;color:#1c2b3a;font-size:13px;text-decoration:none}.mail-chip small{color:#6b7a8c}.mail-chip:hover{background:#e8eff6}.mail-imgbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 10px;font-size:12.5px;color:#6b7a8c}.mail-imgbar button{padding:5px 12px;font-size:12.5px}.mail-body{display:block;width:100%;height:min(60vh,640px);min-height:320px;background:#fff;border:1px solid #e1e7ee;border-radius:6px}@media (max-width:800px){.mail{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.mail-side{flex-direction:row;align-items:center;overflow-x:auto;scrollbar-width:thin;padding:8px;border-right:0;border-bottom:1px solid #e6ebf2}.mail .mail-folder{flex:none;width:auto;padding:7px 14px}.mail-zoho{display:none}.mail-from{flex-basis:110px}.mail-view{padding:8px 14px 18px}.mail-view .mail-bar{margin:0 -14px 12px}}.mail .mail-write{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;margin:0 0 10px;padding:12px 20px;border-radius:999px;font-size:14.5px}.mail-bar .mail-reply{margin-left:auto;padding:6px 14px;font-size:13px}.mail-fields{max-width:880px;padding:4px 24px 24px}.mail-fields textarea{font-family:inherit;line-height:1.5;resize:vertical}.mail-files{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 14px}.mail-files .mail-chip{margin:0}.mail-chip .mail-x{padding:0 6px;background:transparent;border:0;border-radius:50%;color:#5b6b7a;font-size:18px;line-height:1}.mail-chip .mail-x:hover:not(:disabled){background:#fdeaea;color:#ba2325}.mail-files label.mail-attach{display:inline-flex;align-items:center;gap:8px;margin:0;padding:8px 16px;background:#0d293f;border-radius:999px;color:#fff;font-size:13.5px;font-weight:600;cursor:pointer}.mail-files label.mail-attach:hover{background:#06192a}.mail-attach input{display:none}@media (max-width:800px){.mail .mail-write{width:auto;flex:none;margin:0 6px 0 0;padding:8px 16px}.mail-fields{padding:4px 14px 18px}}.pw-wrap{position:relative;margin-top:7px}.pw-wrap input:not([type=file]):not([type=radio]):not([type=checkbox]):not([type=hidden]){margin-top:0;padding-right:48px}.login .eye-btn,.eye-btn{position:absolute;right:6px;top:50%;width:auto;margin:0;transform:translateY(-50%)}