@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@font-face{font-family:Roboto;src:url(/fonts/Roboto-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Medium.ttf) format("truetype");font-weight:500}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Bold.ttf) format("truetype");font-weight:700}:root{--portal-navy: #0b1835;--portal-muted: #66758d;--portal-line: #dfe5ec;--portal-bg: #f5f7fa;--portal-orange: #ff651d}button,input{font:inherit}.portal-shell{min-height:100vh;display:grid;grid-template-columns:252px minmax(0,1fr);color:var(--portal-navy);background:var(--portal-bg);font-family:Roboto,Arial,sans-serif}.portal-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:28px 16px 20px;background:#fff;border-right:1px solid var(--portal-line)}.portal-logo{width:165px;height:49px;object-fit:contain;align-self:center;margin-bottom:38px}.admin-brand-logo{width:176px;height:78px}.portal-sidebar nav{display:grid;gap:6px}.portal-sidebar button{border:0;background:transparent;color:#31425f;display:flex;align-items:center;gap:14px;width:100%;padding:13px 16px;border-radius:10px;cursor:pointer;text-align:left}.portal-sidebar button:hover{background:#f5f7fa}.portal-sidebar button.active{color:#f05216;background:#fff1ea;font-weight:500}.portal-sidebar-help{margin-top:auto;display:flex;gap:10px;align-items:center;color:var(--portal-muted);padding:12px 16px}.portal-main{min-width:0}.portal-topbar{height:74px;padding:0 34px;background:#fffffff0;border-bottom:1px solid var(--portal-line);display:flex;align-items:center;justify-content:space-between;gap:24px}.portal-search{width:min(560px,55vw);height:42px;display:flex;align-items:center;gap:10px;padding:0 14px;background:#f2f5f8;border:1px solid transparent;border-radius:10px;color:#76849a}.portal-search:focus-within{border-color:#bdc8d6;background:#fff}.portal-search input{flex:1;border:0;outline:0;background:transparent;color:var(--portal-navy)}.portal-user{display:flex;align-items:center;gap:10px;white-space:nowrap;color:#36455f}.sign-out-button{border:0;background:transparent;color:#596981;cursor:pointer;padding:8px}.avatar{width:36px;height:36px;border-radius:50%;display:inline-grid;place-items:center;background:#e9eef4;color:#34415a;font-size:13px;font-weight:700}.admin-content,.customer-content{padding:34px;max-width:1500px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px}.page-heading h1{font-size:clamp(30px,3vw,42px);line-height:1;margin:5px 0 8px;letter-spacing:-1.3px}.page-heading p{color:var(--portal-muted);margin:0}.eyebrow{color:#79879b;font-size:11px;font-weight:700;letter-spacing:.13em}.primary-button{border:0;border-radius:9px;background:var(--portal-orange);color:#fff;font-weight:500;display:inline-flex;gap:9px;align-items:center;justify-content:center;padding:12px 18px;cursor:pointer;box-shadow:0 4px 12px #ff651d2e}.primary-button:hover{background:#e95614}.primary-button:disabled{opacity:.45;cursor:not-allowed}.portal-notice{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding:12px 15px;border:1px solid #bcd3ed;color:#244a73;background:#edf6ff;border-radius:9px}.portal-notice.success{border-color:#a8d9b6;background:#effaf2;color:#1f6f39}.portal-notice.portal-error{border-color:#efc3bf;background:#fff1ef;color:#a43d32}.portal-notice button{margin-left:auto;border:0;background:transparent;color:inherit;cursor:pointer}.admin-layout{display:grid;grid-template-columns:minmax(620px,1fr) 360px;gap:18px;align-items:start}.client-list,.client-detail,.purchase-section,.order-summary{border:1px solid var(--portal-line);border-radius:12px;background:#fff}.table-head,.client-row{display:grid;grid-template-columns:1.25fr 1.45fr .55fr .8fr .9fr;align-items:center;gap:14px}.table-head{padding:13px 18px;color:#7a8798;font-size:12px;font-weight:700;border-bottom:1px solid var(--portal-line)}.client-row{width:100%;border:0;border-bottom:1px solid #edf0f4;padding:15px 18px;background:#fff;color:#33435e;text-align:left;cursor:pointer}.client-row:last-child{border-bottom:0;border-radius:0 0 12px 12px}.client-row:hover,.client-row.selected{background:#f2f7fd}.client-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-clients{min-height:240px;display:grid;place-content:center;justify-items:center;gap:8px;color:#758298}.empty-clients strong{color:#35455f}.empty-clients span{font-size:13px}.client-name{display:flex;align-items:center;gap:10px;color:var(--portal-navy)}.client-monogram{flex:0 0 auto;width:31px;height:31px;border-radius:9px;display:inline-grid;place-items:center;background:#fff0e8;color:#ee5717;font-size:11px;font-weight:700}.client-monogram.large{width:42px;height:42px;font-size:13px}.status-badge{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:500}.status-badge>span{width:8px;height:8px;border-radius:50%;background:#1db64a}.status-pausado>span{background:#8592a6}.status-configuracao>span{background:#e89b1f}.client-detail{padding:20px}.detail-heading,.detail-heading>div{display:flex;align-items:center;gap:12px}.detail-heading{justify-content:space-between}.detail-heading h2{margin:0 0 5px;font-size:20px}.detail-heading button{border:0;background:transparent;color:#77859a}.detail-tabs{display:flex;gap:18px;border-bottom:1px solid var(--portal-line);margin:22px 0 10px;overflow:hidden}.detail-tabs button{padding:10px 0;border:0;background:transparent;color:#69778d;white-space:nowrap;font-size:12px}.detail-tabs button.active{color:#e95717;box-shadow:inset 0 -2px var(--portal-orange);font-weight:700}.detail-list{margin:0}.detail-list div{display:grid;grid-template-columns:130px 1fr;gap:8px;padding:13px 0;border-bottom:1px solid #edf0f4;font-size:13px}.detail-list dt{color:#77859a}.detail-list dd{margin:0;overflow-wrap:anywhere}.detail-actions{display:grid;gap:9px;padding-top:18px}.detail-actions h3{font-size:13px;margin:0 0 3px}.detail-actions>button:not(.primary-button){border:1px solid #d9e0e8;background:#fff;color:#30415c;border-radius:8px;padding:10px 14px;display:flex;gap:9px;align-items:center;justify-content:center;cursor:pointer}.simulation-note{color:#7c889a;font-size:11px;line-height:1.45;padding-top:14px;margin-bottom:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;background:#09183261}.client-modal{width:min(580px,100%);background:#fff;border-radius:14px;padding:24px;box-shadow:0 24px 70px #0918323b;display:grid;gap:16px}.modal-heading{display:flex;justify-content:space-between;align-items:start}.modal-heading h2{margin:4px 0 0;font-size:25px}.modal-heading button{border:0;background:transparent;color:#718096;cursor:pointer}.client-modal label{display:grid;gap:7px;font-size:13px;font-weight:500}.client-modal input{min-width:0;border:1px solid #ccd5e0;border-radius:8px;padding:11px 12px;color:var(--portal-navy);outline:0}.client-modal input:focus{border-color:#8192aa;box-shadow:0 0 0 3px #eef2f7}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.color-field{display:grid;grid-template-columns:54px 1fr;gap:10px}.color-field input[type=color]{width:54px;padding:5px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin:8px -24px -24px;padding:18px 24px;background:#f7f9fb;border-radius:0 0 14px 14px}.modal-actions>button:not(.primary-button){border:1px solid #d5dde7;background:#fff;color:#40506a;border-radius:8px;padding:11px 18px;cursor:pointer}.modal-actions button:disabled{opacity:.55;cursor:not-allowed}.portal-auth-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;padding:24px;background:var(--portal-bg);color:var(--portal-navy);font-family:Roboto,Arial,sans-serif}.portal-auth-screen>.portal-logo{margin:0 0 16px}.portal-auth-card{width:min(430px,calc(100vw - 32px));display:grid;gap:16px;padding:32px;border:1px solid var(--portal-line);border-radius:14px;background:#fff;box-shadow:0 18px 50px #13243f17}.portal-auth-card .portal-logo{margin:0 auto 8px}.portal-auth-card .admin-brand-logo{width:190px;height:85px;margin-bottom:2px}.portal-auth-card .eyebrow,.portal-auth-card h1{text-align:center}.portal-auth-card h1{margin:-2px 0 8px;font-size:28px}.portal-auth-card>p{margin:-6px 0 4px;color:var(--portal-muted);line-height:1.5}.portal-auth-card label{display:grid;gap:7px;font-size:13px;font-weight:500}.portal-auth-card input{border:1px solid #ccd5e0;border-radius:8px;padding:12px;outline:0;color:var(--portal-navy)}.portal-auth-card input:focus{border-color:#8192aa;box-shadow:0 0 0 3px #eef2f7}.auth-link-button{border:0;background:transparent;color:#d94f12;cursor:pointer;padding:3px;font-size:13px}.auth-link-button:disabled{opacity:.5;cursor:not-allowed}.customer-context{position:relative;display:grid;gap:5px;padding:0 16px 26px}.customer-context span{color:#8692a3;font-size:10px;font-weight:700;letter-spacing:.1em}.customer-context svg{position:absolute;right:13px;bottom:28px}.customer-topbar>span{color:#738097;font-size:13px;font-weight:500}.stepper{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:0 0 24px}.stepper div{position:relative;display:flex;align-items:center;gap:10px;color:#8b97a8}.stepper div:not(:last-child):after{content:"";height:1px;background:#cfd7e1;position:absolute;left:130px;right:-18px}.stepper span{width:36px;height:36px;border:1px solid #cbd5df;border-radius:50%;display:grid;place-items:center;background:#fff;z-index:1}.stepper .active{color:var(--portal-navy)}.stepper .active span{border-color:var(--portal-orange);background:var(--portal-orange);color:#fff}.purchase-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:18px;align-items:start}.purchase-flow{display:grid;gap:14px}.purchase-section{display:grid;grid-template-columns:46px 1fr;gap:8px;padding:22px;opacity:.72}.purchase-section.current{opacity:1;border-color:#bfcbd8;box-shadow:0 5px 20px #1a2e4c0d}.section-number{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#eaf0f5;color:#53647d;font-weight:700}.current .section-number{background:#fff0e8;color:#ed5818}.section-body h2{margin:2px 0 5px;font-size:20px}.section-body>p{color:var(--portal-muted);margin:0 0 18px;font-size:14px}.quantity-control{width:230px;height:64px;display:grid;grid-template-columns:60px 1fr 60px;border:1px solid #ccd5df;border-radius:9px;overflow:hidden}.quantity-control button{border:0;background:#fff;color:var(--portal-orange);cursor:pointer}.quantity-control strong{border-inline:1px solid #e0e5eb;display:grid;place-items:center;font-size:27px}.benefits{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:18px;color:#42516b;font-size:13px}.benefits span:before{content:"✓";color:#ef5b18;margin-right:7px;font-weight:700}.mailbox-list{display:grid;gap:9px}.mailbox-list label{display:grid;grid-template-columns:22px minmax(90px,1fr) auto 28px;align-items:center;gap:8px;color:#6f7e93}.mailbox-list input{width:100%;border:1px solid #ced7e1;border-radius:7px;padding:10px;color:var(--portal-navy);outline:0}.mailbox-list input:focus{border-color:#8192aa}.mailbox-list label>span{color:#34445e;font-size:13px}.mailbox-list button{border:0;background:transparent;color:#77859a;cursor:pointer}.secure-payment{display:flex;align-items:center;gap:12px;padding:15px;border-radius:9px;background:#f3f7fb;color:#344762}.secure-payment svg{color:#20a44c}.secure-payment div{display:grid;gap:3px}.secure-payment span{color:#718097;font-size:12px}.order-summary{position:sticky;top:94px;padding:24px}.order-summary h2{margin:5px 0 20px;font-size:24px}.order-summary dl{margin:0}.order-summary dl div{display:flex;justify-content:space-between;gap:18px;padding:11px 0;color:#596880;font-size:13px}.order-summary dd{margin:0;text-align:right;color:var(--portal-navy);font-weight:500}.order-summary .summary-total{border-top:1px solid var(--portal-line);margin-top:7px;padding-top:16px;color:var(--portal-navy);font-weight:700}.simulation-pill{display:inline-flex;padding:5px 10px;margin:10px 0 15px;border-radius:999px;background:#edf1f5;color:#647187;font-size:11px;font-weight:700}.summary-button{width:100%}.back-button{width:100%;border:0;background:transparent;color:#52627a;padding:11px;cursor:pointer}.order-summary>p{color:#8793a3;font-size:11px;text-align:center;margin-bottom:0}@media(max-width:1100px){.portal-shell{grid-template-columns:82px minmax(0,1fr)}.portal-logo{width:60px;content:url(/uttopya-mail-mark.png);object-fit:contain}.admin-brand-logo{content:url(/uttopya-logo.png);width:66px}.portal-auth-card .portal-logo{width:165px;content:url(/uttopya-mail-logo.png)}.portal-auth-card .admin-brand-logo{width:190px;content:url(/uttopya-logo.png)}.portal-sidebar button{justify-content:center;padding-inline:10px}.portal-sidebar button,.portal-sidebar-help{font-size:0;gap:0}.customer-context{display:none}.admin-layout{grid-template-columns:1fr}.client-detail{display:none}}@media(max-width:900px){.purchase-grid{grid-template-columns:1fr}.order-summary{position:static}}@media(max-width:760px){.portal-shell{display:block;padding-bottom:68px}.portal-sidebar{position:fixed;z-index:10;inset:auto 0 0;width:100%;height:64px;padding:6px 10px;border:0;border-top:1px solid var(--portal-line)}.portal-sidebar .portal-logo,.portal-sidebar-help,.customer-context{display:none}.portal-sidebar nav{height:100%;grid-template-columns:repeat(5,1fr);gap:2px}.portal-sidebar nav button{padding:8px;border-radius:8px}.portal-sidebar nav button:nth-child(n+6){display:none}.portal-topbar{height:62px;padding:0 16px}.portal-search{width:100%}.portal-user strong,.portal-user>svg:first-child{display:none}.admin-content,.customer-content{padding:22px 16px}.page-heading{align-items:start}.page-heading .primary-button{padding:11px;font-size:0}.table-head{display:none}.client-row{grid-template-columns:1fr auto;gap:8px}.client-row>span:nth-child(2),.client-row>span:nth-child(3),.client-row>span:nth-child(5){display:none}.form-grid{grid-template-columns:1fr}.stepper{gap:5px}.stepper strong{display:none}.stepper div:not(:last-child):after{left:42px;right:-4px}.purchase-section{grid-template-columns:36px 1fr;padding:18px 14px}.quantity-control{width:100%}.mailbox-list label{grid-template-columns:20px 1fr 28px}.mailbox-list label>span{grid-column:2}}:root{font-family:Roboto,Arial,sans-serif;color:#172033;background:#f5f7fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #3978f2;outline-offset:2px}.app-shell{--accent:#ff651d;width:100%;height:100vh;min-height:560px;display:flex;flex-direction:column;overflow:hidden;background:#fff}.top-bar{height:72px;flex-shrink:0;display:grid;grid-template-columns:278px minmax(260px,810px) 1fr;align-items:center;gap:26px;padding:0 24px;background:#fff;border-bottom:1px solid #e4e8ef;z-index:12}.brand-inline{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-logo{width:132px;height:40px;object-fit:contain;object-position:left center;display:block}.brand-product{margin-left:-3px;color:#1d2739;font-size:20px;font-weight:600;letter-spacing:-.55px}.search-box{height:46px;max-width:810px;display:flex;align-items:center;gap:11px;padding:0 15px;border:1px solid transparent;border-radius:14px;background:#f1f4f8;transition:.16s}.search-box:focus-within{background:#fff;border-color:#dce2eb;box-shadow:0 3px 14px #19274112}.search-box input{border:0;outline:0;background:transparent;flex:1;min-width:0;color:#263248;font-size:13px}.search-box input:focus-visible{outline:0}.search-box input::placeholder{color:#8b96a8}.search-shortcut{color:#8994a5;border:1px solid #d9e0e9;border-radius:6px;padding:3px 7px;font-size:10px}.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px}.icon-button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:0;border-radius:50%;background:transparent;color:#677286}.icon-button:hover{background:#f1f4f8;color:#263248}.user-avatar{width:36px;height:36px;margin-left:8px;border:0;border-radius:50%;background:#1d2e49;color:#fff;font-size:11px;font-weight:700}.demo-strip{display:none}.main-shell{min-height:0;flex:1;display:flex;overflow:hidden}.sidebar{width:278px;flex-shrink:0;display:flex;flex-direction:column;padding:18px 12px 14px;overflow:auto;color:#dce5f2;background:#132238;scrollbar-width:thin;scrollbar-color:#425169 transparent}.side-section-top{display:flex;align-items:center;justify-content:space-between;padding:3px 12px 15px}.workspace-label{display:flex;align-items:center;gap:10px;color:#f3f6fb;font-size:10px;font-weight:700;letter-spacing:1.35px}.compose-button{width:calc(100% - 8px);min-height:48px;display:flex;align-items:center;justify-content:center;gap:11px;margin:0 4px 18px;padding:11px 14px;border:0;border-radius:11px;background:#ff651d;color:#fff;box-shadow:0 7px 18px #ff651d33;font-size:13px;font-weight:700}.compose-button:hover{background:#ed5712;transform:translateY(-1px)}.compose-button svg:last-child{margin-left:auto;opacity:.72}.side-label{display:flex;align-items:center;justify-content:space-between;margin:0 10px 9px;color:#8090a9;font-size:9px;font-weight:700;letter-spacing:1.35px}.side-label span{color:#9eacc1;letter-spacing:0}.all-accounts{margin-bottom:6px}.accounts-list{display:flex;flex-direction:column;gap:2px}.account-row{width:100%;min-height:45px;display:flex;align-items:center;gap:9px;padding:6px 9px;border:1px solid transparent;border-radius:9px;background:transparent;color:#d9e1ed;text-align:left}.account-row:hover{background:#1d304b}.account-row.active{background:#2b3d59;border-color:#3d506d;color:#fff}.account-mark,.all-icon{width:29px;height:29px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;color:#fff;font-size:10px;font-weight:700}.all-icon{border-radius:8px;background:#2c4263}.account-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.account-info strong{overflow:hidden;color:inherit;font-size:11.5px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.account-info small{overflow:hidden;color:#8494ac;font-size:9.5px;text-overflow:ellipsis;white-space:nowrap}.unread-badge{min-width:20px;padding:3px 5px;border-radius:10px;background:#3b4f6d;color:#eef4ff;font-size:9px;font-weight:700;text-align:center}.read-only-icon{color:#8fa0b9;flex-shrink:0}.add-account{display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 7px 14px;padding:9px 4px;border:1px dashed #485a73;border-radius:9px;background:transparent;color:#9eacc0;font-size:10px}.add-account:hover{background:#1d304b;color:#fff}.sidebar-divider{height:1px;margin:0 9px 15px;flex-shrink:0;background:#304057}.folders{display:flex;flex-direction:column;gap:2px}.folder-item{width:100%;display:flex;align-items:center;gap:12px;padding:9px 13px;border:0;border-radius:8px;background:transparent;color:#b4c0d1;font-size:11.5px;text-align:left}.folder-item:hover,.folder-item.selected{background:#20344f;color:#fff}.folder-item.selected{box-shadow:inset 3px 0 #ff651d}.folder-counter{margin-left:auto;color:#b9c5d5;font-size:10px}.sidebar-bottom{display:flex;align-items:center;gap:9px;margin-top:auto;padding:15px 11px 0;color:#8da1ba}.sidebar-bottom>div{display:flex;flex-direction:column;gap:2px}.sidebar-bottom strong{font-size:9px;font-weight:600}.sidebar-bottom small{color:#71839e;font-size:9px}.mail-surface{min-width:0;flex:1;display:flex;overflow:hidden;background:#fff}.message-list-panel{width:520px;flex-shrink:0;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid #e4e8ef;background:#fff}.list-heading{min-height:108px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:24px 24px 17px;border-bottom:1px solid #edf0f4}.heading-eyebrow{margin-bottom:7px;color:var(--accent);font-size:10px;font-weight:600}.list-heading h1{margin:0;color:#172033;font-size:22px;font-weight:700;letter-spacing:-.55px}.list-heading p{margin:8px 0 0;color:#929cad;font-size:10px}.list-toolbar{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #e8ecf1;color:#8a95a6;font-size:10px}.toolbar-right{display:flex;align-items:center;gap:6px}.message-scroll{flex:1;overflow:auto;background:#fff}.message-card{min-height:78px;position:relative;display:grid;grid-template-columns:24px 10px minmax(0,1fr) auto;align-items:center;padding:0 13px;border-bottom:1px solid #e8ecf1;background:#fff}.message-card:hover{background:#f7f9fc}.message-card.unread{background:#f7faff}.message-card.is-selected{background:#edf4ff;box-shadow:inset 3px 0 0 var(--accent)}.message-check{width:15px;height:15px;border:1.5px solid #a7b0bf;border-radius:3px}.row-status{width:6px;height:6px;border-radius:50%;background:transparent}.row-status.is-unread{background:#2f76ec}.message-card-open{min-width:0;display:flex;flex-direction:column;gap:3px;padding:12px 11px;border:0;background:transparent;text-align:left}.message-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.sender-text{overflow:hidden;color:#253047;font-size:11.5px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.message-card.unread .sender-text,.message-card.unread .message-subject{color:#111b2e;font-weight:700}.message-date{color:#8e98a9;font-size:9.5px;white-space:nowrap}.message-subject{width:100%;overflow:hidden;color:#354157;font-size:11.5px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.message-preview{width:100%;overflow:hidden;color:#8a95a6;font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}.message-identity{display:flex;align-items:center;gap:5px;margin-top:1px;color:#8b96a7;font-size:9px}.message-identity>span{width:6px;height:6px;border-radius:50%}.message-card-controls{display:flex;align-items:center;gap:7px}.message-card-controls button{display:flex;padding:4px;border:0;background:transparent}.empty-list{display:flex;flex-direction:column;align-items:center;padding:70px 24px;color:#a3adbd;text-align:center}.empty-list h3{margin:16px 0 3px;color:#5e6b80;font-size:14px}.empty-list p{font-size:11px}.reading-panel{min-width:0;flex:1;display:flex;flex-direction:column;background:#fff}.reading-actions{height:54px;display:flex;align-items:center;gap:4px;padding:0 22px;border-bottom:1px solid #e8ecf1}.action-cluster{display:flex;gap:1px}.action-gap{flex:1}.reading-content{overflow:auto;padding:18px clamp(28px,4vw,70px) 42px}.reading-demo{height:42px;display:flex;align-items:center;gap:9px;margin:0 0 27px;padding:0 13px;border:1px solid #f3e5bb;border-radius:8px;background:#fff8df;color:#76530b;font-size:11px;font-weight:500}.reading-folder{color:#8e98a8;font-size:10px}.reading-content h2{margin:13px 0 28px;color:#172033;font-size:25px;font-weight:700;letter-spacing:-.65px;line-height:1.25}.sender-row{display:flex;align-items:center;gap:12px;padding-bottom:22px;border-bottom:1px solid #e8ecf1}.sender-avatar{width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;color:#fff;font-size:13px;font-weight:700}.sender-details{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.sender-details strong,.sender-details span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sender-details strong{color:#273349;font-size:11.5px}.sender-details span,.message-detail-date{color:#8e98a8;font-size:10px}.message-body{padding:28px 0 32px;color:#334056;font-size:13px;line-height:1.85;white-space:pre-line}.attachments{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:28px}.attachments strong{color:#344056;font-size:11px}.attachments button{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #dde3eb;border-radius:8px;background:#f8fafc;color:#43516a;font-size:11px}.reply-actions{display:flex;gap:9px;padding-top:23px;border-top:1px solid #e8ecf1}.reply-actions button{display:flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid #dbe1e9;border-radius:8px;background:#fff;color:#42506a;font-size:11px;font-weight:600}.reply-actions button:hover{border-color:#aebbd0;background:#f8fafc;color:#1f4f97}.read-only-notice{display:flex;align-items:center;gap:8px;padding:10px 13px;border-radius:8px;background:#f2f5f8;color:#737f92;font-size:11px}.no-selection{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;color:#9aa4b4;text-align:center}.no-selection svg{color:#abb5c4}.no-selection h2{margin:15px 0 5px;color:#455168;font-size:16px}.no-selection p{max-width:310px;margin:0;font-size:11.5px;line-height:1.65}.toast{position:fixed;right:22px;bottom:22px;z-index:30;max-width:430px;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;background:#1e304c;color:#fff;box-shadow:0 14px 38px #0a19303d;font-size:11px}.toast button{display:flex;padding:0;border:0;background:transparent;color:#cfdaea}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:20px;background:#0a172b73}.compose-modal,.settings-modal{width:min(100%,630px);overflow:hidden;border-radius:13px;background:#fff;box-shadow:0 26px 80px #0f1e364d}.compose-modal>header,.settings-modal>header{display:flex;align-items:center;justify-content:space-between;padding:17px 21px;border-bottom:1px solid #e5e9ef;background:#f6f8fb}.compose-modal>header>div,.settings-modal>header>div{display:flex;align-items:center;gap:9px;color:#233149;font-size:13px;font-weight:700}.compose-modal header button,.settings-modal header button{display:flex;border:0;background:transparent;color:#7e899b}.compose-safety{display:flex;align-items:center;gap:8px;margin:14px 21px 0;padding:9px 11px;border:1px solid #dce5f1;border-radius:8px;background:#f4f8fd;color:#536983;font-size:10.5px}.compose-fields{display:flex;flex-direction:column;padding:9px 21px}.compose-fields label{display:flex;align-items:center;gap:13px;border-bottom:1px solid #edf0f4;color:#828da0;font-size:11px}.compose-fields input,.compose-fields select{min-width:0;height:46px;flex:1;border:0;outline:0;background:transparent;color:#27354d;font-size:12px}.compose-fields textarea{height:210px;min-height:120px;padding:18px 0;resize:vertical;border:0;outline:0;color:#27354d;font-size:12px}.compose-modal footer,.settings-modal footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 21px;border-top:1px solid #e6eaf0}.compose-modal footer span{color:#929dad;font-size:10px}.compose-modal footer button,.settings-modal footer button{display:flex;align-items:center;gap:9px;padding:10px 15px;border:0;border-radius:8px;background:#ff651d;color:#fff;font-size:11px;font-weight:600}.settings-modal{max-width:470px}.settings-content{display:flex;flex-direction:column;align-items:center;padding:28px;text-align:center}.settings-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:15px;background:#f0f4fa;color:#5879a9}.settings-content h2{margin:16px 0 9px;color:#243149;font-size:18px}.settings-content p{margin:0 0 12px;color:#768397;font-size:12px;line-height:1.65}.setting-card{width:100%;display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #e9edf2;color:#657b97;text-align:left}.setting-card>div{display:flex;flex-direction:column;gap:4px}.setting-card strong{color:#344157;font-size:11px}.setting-card small{font-size:10px}.settings-modal footer{justify-content:flex-end}.menu-trigger,.mobile-close,.mobile-overlay,.message-back,.mobile-compose-fab{display:none}@media(max-width:1240px){.top-bar{grid-template-columns:244px minmax(220px,1fr) auto;gap:16px;padding:0 18px}.sidebar{width:244px}.message-list-panel{width:430px}.reading-content{padding-left:28px;padding-right:28px}}@media(max-width:900px){.top-bar{grid-template-columns:205px 1fr auto;gap:10px;padding:0 12px}.brand-logo{width:112px}.sidebar{width:220px}.message-list-panel{width:360px}.top-actions .icon-button:nth-child(-n+2){display:none}}@media(max-width:900px){.app-shell{min-height:100dvh}.top-bar{height:62px;grid-template-columns:122px minmax(0,1fr) 34px;gap:7px;padding:0 10px}.brand-inline{gap:4px}.brand-logo{width:76px;height:29px}.brand-product{display:none}.menu-trigger{display:inline-flex;width:32px;height:32px}.search-box{height:38px;padding:0 10px;border-radius:12px}.search-box input{font-size:11px}.search-shortcut,.top-actions .icon-button{display:none}.top-actions .user-avatar{width:31px;height:31px;margin:0;font-size:9px}.demo-strip{height:40px;display:flex;align-items:center;gap:7px;padding:0 13px;border-bottom:1px solid #f0e4bd;background:#fff8df;color:#74500b;font-size:10px}.demo-strip button{margin-left:auto;display:flex;padding:3px;border:0;background:transparent;color:#805d18}.sidebar{position:fixed;z-index:21;top:102px;bottom:0;left:0;width:min(312px,84vw);padding-top:16px;box-shadow:14px 0 36px #0a182d40;transform:translate(-105%);transition:transform .2s ease}.sidebar.sidebar-open{transform:translate(0)}.mobile-overlay{position:fixed;z-index:20;top:102px;right:0;bottom:0;left:0;display:block;border:0;background:#0b172b8f}.mobile-close{display:inline-flex;color:#9aabc0}.mail-surface,.message-list-panel{width:100%}.message-list-panel{border-right:0}.reading-panel,.mail-surface.has-message .message-list-panel{display:none}.mail-surface.has-message .reading-panel{display:flex}.list-heading{min-height:91px;padding:18px 18px 13px}.heading-eyebrow{margin-bottom:5px}.list-heading h1{font-size:21px}.list-heading p{margin-top:5px}.list-toolbar{display:none}.message-card{min-height:91px;grid-template-columns:22px 10px minmax(0,1fr) auto;padding:0 11px}.message-card-open{gap:4px;padding:13px 9px}.sender-text,.message-subject{font-size:12px}.message-preview{font-size:10.5px}.message-identity{display:none}.message-card-controls{flex-direction:column}.reading-actions{height:50px;padding:0 13px}.message-back{display:inline-flex}.reading-content{padding:21px 19px 34px}.reading-demo{display:none}.reading-content h2{margin:12px 0 24px;font-size:23px}.sender-details strong{font-size:11px}.message-body{font-size:12.5px;line-height:1.8}.mobile-compose-fab{position:fixed;right:20px;bottom:21px;z-index:15;width:54px;height:54px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:#ff651d;color:#fff;box-shadow:0 10px 25px #ff651d52}.compose-modal{max-height:92dvh}.compose-fields textarea{height:150px}.toast{right:10px;bottom:84px;left:10px}}@media(max-width:400px){.top-bar{grid-template-columns:116px minmax(0,1fr) 32px}.brand-logo{width:70px}.search-box input::placeholder{color:transparent}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.login-screen{--login-accent: #ff651d;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px;background:#f4f6f9;color:#172033}.login-card{width:min(100%,460px);padding:34px;border:1px solid #e2e6ed;border-radius:18px;background:#fff;box-shadow:0 24px 70px #1c2a411a}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:13px}.login-brand img{width:128px;height:39px;object-fit:contain;object-position:left center}.login-brand strong{color:#1d2739;font-size:18px;font-weight:600}.login-context{margin-bottom:27px;color:var(--login-accent);font-size:10px;font-weight:600}.login-card h1{margin:0 0 9px;font-size:25px;letter-spacing:-.7px}.login-card>p{margin:0 0 24px;color:#778398;font-size:12px;line-height:1.6}.login-mode{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.login-mode button{display:flex;align-items:flex-start;gap:8px;padding:11px;border:1px solid #dfe4eb;border-radius:10px;background:#fff;color:#69758a;text-align:left}.login-mode button.active{border-color:var(--login-accent);background:#fff8f4;color:#273248}.login-mode span{display:flex;flex-direction:column;gap:3px;font-size:10.5px;font-weight:600}.login-mode small{color:#929cad;font-size:8.5px;font-weight:400}.login-card label{display:flex;flex-direction:column;gap:6px;margin-top:13px;color:#687489;font-size:10px;font-weight:600}.login-card input{height:42px;padding:0 12px;border:1px solid #dfe4eb;border-radius:9px;color:#273248;font-size:11.5px}.login-submit{width:100%;height:44px;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:20px;border:0;border-radius:9px;background:var(--login-accent);color:#fff;font-size:11.5px;font-weight:700}.login-submit:disabled{cursor:not-allowed;opacity:.58}.login-error{margin-top:13px;padding:10px 12px;border:1px solid #f3c7be;border-radius:8px;background:#fff5f2;color:#9d3624;font-size:10.5px;line-height:1.45}.login-safety{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:17px;color:#8994a5;font-size:9.5px}.login-demo-link{width:100%;margin-top:13px;border:0;background:transparent;color:#687489;font-size:10px;text-decoration:underline;text-underline-offset:3px}.login-screen footer{position:fixed;bottom:20px;color:#9aa4b3;font-size:9.5px}@media(max-width:720px){.login-screen{align-items:flex-start;padding:24px 14px 64px}.login-card{margin-top:22px;padding:26px 20px;border-radius:15px}.login-mode{grid-template-columns:1fr}.login-screen footer{bottom:14px}}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Medium.ttf) format("truetype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Bold.ttf) format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Roboto Condensed;src:url(/fonts/RobotoCondensed-Regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}:root,button,input,select,textarea{font-family:Roboto,Arial,sans-serif}.top-bar{grid-template-columns:320px minmax(320px,910px) 1fr;gap:24px;padding:0 22px}.brand-inline{position:relative;justify-content:center}.brand-picture,.brand-logo{width:190px;height:64px}.brand-logo{object-fit:contain;object-position:left center}.search-box{background:#f1f4f9;border-radius:15px}.sidebar{width:320px;padding:18px 10px 14px;color:#28364d;background:#f6f8fc;border-right:1px solid #e3e8ef;scrollbar-color:#c8d0dc transparent}.workspace-label{color:#26354d;font-weight:700}.side-label{color:#7b8799}.side-label span,.mobile-close{color:#6e7b90}.accounts-list{gap:4px}.account-group{border:1px solid transparent;border-radius:12px}.account-group.active{margin:2px 0 7px;background:#fff;border-color:#e0e6ee;box-shadow:0 2px 10px #24334c0d}.account-row{min-height:50px;gap:7px;padding:7px 9px 7px 7px;color:#344157}.account-row:hover{background:#edf2f8}.account-row.active{color:#223047;background:#eef3f9;border-color:transparent;border-radius:11px 11px 7px 7px}.account-chevron{flex:0 0 auto;color:#708098}.account-mark{width:30px;height:30px;font-size:10px}.account-info strong{color:inherit;font-size:11.5px;font-weight:500}.account-info small{color:#8390a4;font-size:9.5px}.unread-badge{background:#e2e8f1;color:#526177}.read-only-icon{color:#7f8ba0}.account-folders{display:flex;flex-direction:column;gap:1px;padding:3px 7px 7px 42px}.account-folder-item,.account-label-item,.create-label-link{width:100%;min-height:32px;display:flex;align-items:center;gap:10px;padding:6px 9px;border:0;border-radius:0 16px 16px 0;background:transparent;color:#5f6d82;font-size:10.5px;text-align:left}.account-folder-item:hover,.account-folder-item.selected,.account-label-item:hover,.account-label-item.selected,.create-label-link:hover{color:#24334a;background:#e8eef7}.account-folder-item.selected,.account-label-item.selected{box-shadow:inset 3px 0 #ff651d;font-weight:500}.account-folder-count{margin-left:auto;color:#6e7b8e;font-size:9px}.account-labels{margin:3px 11px 9px 42px;padding-top:8px;border-top:1px solid #e5e9ef}.account-labels-heading{height:26px;display:flex;align-items:center;justify-content:space-between;padding:0 7px 0 10px;color:#8994a5;font-size:8.5px;font-weight:700;letter-spacing:1.1px}.account-labels-heading button{width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:transparent;color:#647188}.account-labels-heading button:hover{background:#e7ecf3}.account-label-item,.create-label-link{min-height:29px;padding-top:4px;padding-bottom:4px}.label-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%}.create-label-link{color:#7c8798}.add-account{margin:12px 7px 14px;border-color:#cbd4e0;color:#68768a}.add-account:hover{color:#27364c;background:#eaf0f7}.sidebar-bottom{color:#66768b}.sidebar-bottom small{color:#8a96a8}.message-list-panel{width:520px}.list-compose-bar{height:76px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;padding:0 28px;border-bottom:1px solid #e3e8ef;background:#fff}.list-compose-bar .compose-button{width:min(100%,300px);min-height:46px;margin:0;border-radius:9px;box-shadow:none;font-size:12px}.list-heading{min-height:100px;padding:20px 24px 16px}.list-heading h1{font-size:22px}.message-card{min-height:50px;content-visibility:auto;contain-intrinsic-size:50px}.message-card.unread{background:#f6f9ff}.message-card.is-selected{background:#eef4ff}.message-card-open{display:grid;grid-template-columns:minmax(105px,145px) minmax(0,1fr) auto;align-items:center;gap:12px;padding:0 11px}.message-card-open .sender-text,.message-card-open .message-subject{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-card-open .message-date{justify-self:end}.reading-content{position:relative}.label-apply-wrap{position:relative;margin-bottom:20px}.label-apply-button{min-width:190px;height:40px;display:inline-flex;align-items:center;gap:9px;padding:0 13px;border:1px solid #eadcad;border-radius:8px;background:#fff9e8;color:#7a5a17;font-size:10.5px}.label-apply-button svg:last-child{margin-left:auto}.label-menu{position:absolute;z-index:5;top:45px;left:0;width:230px;padding:7px;border:1px solid #dfe4eb;border-radius:10px;background:#fff;box-shadow:0 14px 34px #1f2d4429}.label-menu button{width:100%;height:34px;display:flex;align-items:center;gap:9px;padding:0 9px;border:0;border-radius:7px;background:transparent;color:#354259;font-size:10.5px;text-align:left}.label-menu button:hover{background:#f0f3f8}.label-check{width:14px;height:14px;border:1px solid #a9b3c2;border-radius:3px}.label-check.checked{border-color:#ff651d;background:#ff651d;box-shadow:inset 0 0 0 3px #fff}.label-menu-create{margin-top:5px;border-top:1px solid #e8ebf0!important;border-radius:0!important;color:#59677c!important}.reading-labels{display:flex;flex-wrap:wrap;gap:6px;margin:-17px 0 20px}.reading-labels>span{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid #e0e5ec;border-radius:12px;color:#5b687c;background:#fff;font-size:9px}.reading-labels>span>span{width:7px;height:7px;border-radius:50%;background:var(--label-color)}.compose-modal,.settings-modal,.label-creator-modal{font-family:Roboto,Arial,sans-serif}.label-creator-modal{width:min(100%,430px);overflow:hidden;border-radius:13px;background:#fff;box-shadow:0 26px 80px #0f1e364d}.label-creator-modal>header{display:flex;align-items:center;justify-content:space-between;padding:17px 21px;border-bottom:1px solid #e5e9ef;background:#f6f8fb}.label-creator-modal>header>div{display:flex;align-items:center;gap:9px;color:#233149;font-size:13px;font-weight:700}.label-creator-modal header button{display:flex;border:0;background:transparent;color:#7e899b}.label-creator-content{padding:23px 21px}.label-creator-content p{margin:0 0 17px;color:#778397;font-size:11px;line-height:1.55}.label-creator-content label{display:flex;flex-direction:column;gap:7px;color:#5d6a7e;font-size:10.5px;font-weight:500}.label-creator-content input{height:42px;padding:0 12px;border:1px solid #d9e0e9;border-radius:8px;color:#29364b;font-size:11.5px}.label-creator-modal footer{display:flex;justify-content:flex-end;gap:8px;padding:13px 21px;border-top:1px solid #e6eaf0}.label-creator-modal footer button{padding:9px 14px;border:0;border-radius:8px;background:#ff651d;color:#fff;font-size:10.5px;font-weight:500}.label-creator-modal footer button:disabled{opacity:.45}.label-creator-modal footer .secondary-button{border:1px solid #dce2ea;background:#fff;color:#59677b}.login-brand img{width:190px;height:66px}.login-brand strong,.brand-product,.all-accounts,.folders,.sidebar-divider,.mobile-compose-fab{display:none}@media(max-width:1240px){.top-bar{grid-template-columns:280px minmax(240px,1fr) auto}.sidebar{width:280px}.message-list-panel{width:430px}}@media(max-width:900px){.top-bar{grid-template-columns:138px minmax(0,1fr) 34px;padding:0 10px}.brand-picture,.brand-logo{width:94px;height:38px}.brand-inline{justify-content:flex-end}.brand-inline .menu-trigger{position:absolute;left:0}.sidebar{width:min(326px,88vw);background:#f6f8fc}.message-list-panel{width:100%}.list-compose-bar{height:66px;padding:0 18px}.list-compose-bar .compose-button{width:100%}.list-heading{min-height:95px}.message-card{min-height:58px}.message-card-open{grid-template-columns:minmax(90px,120px) minmax(0,1fr) auto;gap:8px}.label-apply-button,.label-menu{width:100%}}.app-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#f4f6f9;color:#7d899b;font-size:12px}.app-loading img{width:150px;height:auto}.sidebar-state-empty,.sidebar-state-error{margin:8px 8px 14px;padding:12px;border-radius:9px;background:#edf1f7;color:#718096;font-size:10px;line-height:1.5}.sidebar-state-error{background:#fff1ed;color:#9d422f}.list-compose-bar .compose-button:disabled{cursor:not-allowed;opacity:.45;transform:none}@media(max-width:400px){.top-bar{grid-template-columns:130px minmax(0,1fr) 32px}.brand-picture,.brand-logo{width:86px}}