:root{--navy:#111d33;--blue:#2563eb;--muted:#718096;--line:#e7ebf2;--bg:#f5f7fb}*{box-sizing:border-box}html,body{background:var(--bg);color:#172033;min-height:100%;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}.login-page{background:#fff;grid-template-columns:46% 54%;min-height:100vh;display:grid}.login-brand{color:#fff;background:radial-gradient(circle at 12% 90%,#1c3e74 0,#0000 34%),radial-gradient(circle at 90% 20%,#15345f 0,#0000 31%),linear-gradient(145deg,#071426,#0d2444);flex-direction:column;justify-content:space-between;min-height:100vh;padding:42px 64px;display:flex;position:relative;overflow:hidden}.login-brand:before,.login-brand:after{content:"";border:1px solid #ffffff14;border-radius:50%;width:540px;height:540px;position:absolute;top:120px;right:-270px}.login-brand:after{width:330px;height:330px;top:225px;right:-165px}.brand-top,.sidebar-brand,.mobile-logo{letter-spacing:-.4px;z-index:1;align-items:center;gap:13px;font-size:21px;font-weight:700;display:flex;position:relative}.logo-mark{background:#2563eb;border-radius:9px;align-items:flex-end;gap:3px;width:34px;height:34px;padding:6px;display:flex;transform:skew(-5deg)}.logo-mark i{background:#fff;border-radius:2px;width:6px;display:block;transform:skew(5deg)}.logo-mark i:first-child{height:10px}.logo-mark i:nth-child(2){height:16px}.logo-mark i:nth-child(3){height:22px}.brand-copy{z-index:1;max-width:530px;margin-top:50px;position:relative}.eyebrow{letter-spacing:1.8px;color:#4777ce;font-size:11px;font-weight:800}.brand-copy h1{letter-spacing:-3px;margin:22px 0;font-size:62px;line-height:1.02}.brand-copy>p{color:#b3c1d6;max-width:450px;font-size:18px;line-height:1.6}.brand-modules{flex-wrap:wrap;gap:10px;margin-top:36px;display:flex}.brand-modules span{letter-spacing:1px;color:#dbe7f8;background:#ffffff0f;border:1px solid #ffffff26;border-radius:7px;padding:9px 12px;font-size:10px;font-weight:800}.brand-foot{z-index:1;color:#7185a1;letter-spacing:1.4px;font-size:10px;position:relative}.login-panel{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px;display:flex}.login-card{width:min(430px,100%)}.mobile-logo{color:var(--navy);margin-bottom:45px;display:none}.login-card h2{letter-spacing:-1.2px;color:#101b2e;margin:14px 0 9px;font-size:34px}.login-intro{color:#7b8799;margin:0 0 34px}.login-card>label{color:#344054;margin:19px 0 8px;font-size:12px;font-weight:700;display:block}.login-card input[type=email],.login-card input[type=password]{color:#26344a;background:#fbfcfe;border:1px solid #dce2ea;border-radius:8px;outline:none;width:100%;height:49px;padding:0 14px}.password-field{position:relative}.password-field span{color:#8894a6;font-size:12px;position:absolute;top:15px;right:15px}.login-options{justify-content:space-between;align-items:center;margin:18px 0 24px;font-size:11px;display:flex}.login-options .remember{color:#5b6678;align-items:center;gap:7px;display:flex}.login-options button{color:#2865cf;background:0 0;border:0;font-size:11px;font-weight:700}.primary-login{color:#fff;background:#1858ca;border:0;border-radius:8px;justify-content:center;align-items:center;gap:14px;width:100%;height:51px;font-weight:700;display:flex;box-shadow:0 8px 18px #1858ca2e}.primary-login span{font-size:19px}.demo-note{color:#52709d;text-align:center;background:#f1f6ff;border-radius:7px;margin-top:22px;padding:11px 13px;font-size:10px}.demo-note span{color:#2ea268;margin-right:5px}.login-help{color:#8b96a7;margin-top:65px;font-size:11px}.app-shell{background:#f6f8fb;min-height:100vh;display:flex}.sidebar{color:#fff;z-index:10;background:#101b2e;flex-direction:column;width:238px;min-height:100vh;padding:0 13px 18px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{border-bottom:1px solid #233047;height:71px;padding:0 16px}.sidebar-brand .logo-mark{width:29px;height:29px;padding:5px}.sidebar-brand span{font-size:17px;font-weight:400}.sidebar nav{flex:1;padding-top:13px}.sidebar nav p{color:#5f6f88;letter-spacing:1.3px;margin:20px 13px 8px;font-size:8px;font-weight:800}.sidebar button{color:#9eabc0;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:12px;width:100%;height:39px;padding:0 12px;font-size:11px;font-weight:600;display:flex}.sidebar button i{text-align:center;width:16px;font-size:16px;font-style:normal}.sidebar button em{color:#66758d;margin-left:auto;font-style:normal}.mini-icon{color:#fff;border-radius:5px;place-items:center;width:21px;height:21px;font-size:7px;font-weight:900;display:grid}.teal{background:linear-gradient(135deg,#087f94,#39ae88)}.sidebar-bottom{border-top:1px solid #233047;padding-top:7px}.profile{align-items:center;gap:9px;padding:12px 7px 0;display:flex}.avatar{background:linear-gradient(135deg,#3f7de3,#214da1);border-radius:7px;place-items:center;width:32px;height:32px;font-size:10px;font-weight:800;display:grid}.profile div:nth-child(2){flex-direction:column;min-width:0;display:flex}.profile b{font-size:10px}.profile span{color:#718198;margin-top:3px;font-size:8px}.profile button{width:auto;margin-left:auto;padding:0 5px;font-size:18px}.main-area{width:calc(100% - 238px);min-height:100vh;margin-left:238px}.topbar{border-bottom:1px solid var(--line);z-index:5;background:#fff;align-items:center;height:61px;padding:0 31px;display:flex;position:sticky;top:0}.breadcrumbs{color:#9ba5b5;font-size:10px}.breadcrumbs span{color:#536176;font-weight:700}.breadcrumbs b{color:#ccd2dc;margin:0 10px}.top-actions{gap:8px;margin-left:auto;display:flex}.search{color:#8a96a8;text-align:left;background:#fafbfd;border:1px solid #e0e5ec;border-radius:6px;width:235px;height:33px;padding:0 10px;font-size:10px}.search span{margin-left:6px}.search kbd{float:right;background:#eef1f5;border:0;border-radius:3px;padding:2px 5px;font-size:8px}.round{color:#637086;background:#fff;border:1px solid #e1e6ed;border-radius:7px;width:33px;height:33px}.notification{position:relative}.notification i{background:#ef5350;border-radius:50%;width:5px;height:5px;position:absolute;top:6px;right:7px}.mobile-menu{display:none}.content{max-width:1500px;margin:auto;padding:28px 32px 38px}.welcome{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.welcome h1{letter-spacing:-.7px;margin:8px 0 5px;font-size:25px}.welcome h1 span{font-size:21px}.welcome p{color:#7b8798;margin:0;font-size:11px}.customize{color:#5b687a;background:#fff;border:1px solid #dde3eb;border-radius:6px;height:34px;padding:0 13px;font-size:9px;font-weight:700}.module-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;display:grid}.module-card{text-align:left;background:#fff;border:1px solid #e5e9ef;border-radius:9px;min-height:159px;padding:16px;transition:all .2s;position:relative;box-shadow:0 2px 6px #18264006}.module-card:hover{border-color:#ced8e8;transform:translateY(-2px);box-shadow:0 9px 24px #16264617}.module-icon{color:#fff;border-radius:9px;place-items:center;width:38px;height:38px;font-size:11px;font-weight:900;display:grid}.health{color:#5f9f83;font-size:8px;position:absolute;top:16px;right:14px}.health i{background:#36ad7b;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.module-card h3{margin:15px 0 4px;font-size:13px}.module-card>p{color:#8792a3;margin:0;font-size:9px}.module-footer{border-top:1px solid #eef1f5;justify-content:space-between;margin-top:15px;padding-top:11px;font-size:8px;display:flex}.module-footer span{color:#7c899c}.module-footer b{color:#316dcc}.dashboard-grid{grid-template-columns:1.25fr .75fr;gap:14px;margin-top:14px;display:grid}.panel{background:#fff;border:1px solid #e5e9ef;border-radius:9px;padding:17px}.panel-head{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:flex-start;padding-bottom:13px;display:flex}.panel-head h2{margin:0 0 4px;font-size:13px}.panel-head p{color:#929cad;margin:0;font-size:8px}.panel-head button{color:#356fc9;background:0 0;border:0;font-size:8px;font-weight:700}.agenda-row{border-bottom:1px solid #f0f2f5;grid-template-columns:46px 3px 1fr auto;align-items:center;gap:11px;min-height:58px;display:grid}.agenda-row:last-child{border:0}.agenda-row time{color:#677488;font-size:9px;font-weight:700}.line{border-radius:4px;width:3px;height:27px}.agenda-row div{flex-direction:column;gap:4px;display:flex}.agenda-row b{font-size:9px}.agenda-row div span{color:#919bab;font-size:7px}.tag{border-radius:4px;padding:4px 6px;font-size:6px;font-weight:800}.activity-item{border-bottom:1px solid #f0f2f5;gap:10px;padding:12px 0;display:flex}.activity-item:last-child{border:0}.person{color:#fff;border-radius:7px;flex:none;place-items:center;width:29px;height:29px;font-size:8px;font-weight:800;display:grid}.activity-item p{color:#5e6879;margin:1px 0 5px;font-size:8px;line-height:1.4}.activity-item p b{color:#202b3e}.activity-item strong{color:#336bc2}.activity-item span{color:#9aa3b0;font-size:7px}.bottom-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px;display:grid}.bottom-stats article{background:#fff;border:1px solid #e5e9ef;border-radius:8px;align-items:center;gap:10px;padding:13px;display:flex}.stat-icon{color:#fff;border-radius:7px;place-items:center;width:31px;height:31px;font-size:11px;display:grid}.bottom-stats div{flex-direction:column;display:flex}.bottom-stats b{font-size:16px}.bottom-stats div span{color:#8a95a6;margin-top:2px;font-size:7px}.bottom-stats em{color:#40a079;margin-left:auto;font-size:7px;font-style:normal}.toast{color:#fff;z-index:30;background:#132139;border-radius:8px;padding:13px 17px;font-size:10px;animation:.25s rise;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 30px #0003}.toast span{background:#32a673;border-radius:50%;place-items:center;width:18px;height:18px;margin-right:8px;display:inline-grid}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}@media (max-width:1000px){.module-grid,.bottom-stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.login-brand{padding:38px}.brand-copy h1{font-size:49px}}@media (max-width:720px){.login-page{grid-template-columns:1fr}.login-brand{display:none}.login-panel{padding:25px}.mobile-logo{display:flex}.sidebar{width:66px;padding:0 8px}.sidebar-brand span,.sidebar nav button:not(.active) em,.sidebar nav button{font-size:0}.sidebar-brand{padding:0 8px}.sidebar nav p,.profile div:nth-child(2),.sidebar-bottom>button{display:none}.sidebar button{justify-content:center;padding:0}.sidebar button i{font-size:17px}.mini-icon{width:28px;height:28px;font-size:7px}.profile{justify-content:center;padding:12px 0}.profile>button{display:none}.main-area{width:calc(100% - 66px);margin-left:66px}.topbar{padding:0 15px}.breadcrumbs{display:none}.mobile-menu{display:block}.search{width:35px}.search span,.search kbd{display:none}.content{padding:20px 14px}.welcome{align-items:flex-start}.customize{display:none}.module-grid{grid-template-columns:1fr 1fr;gap:9px}.module-card{min-height:150px}.bottom-stats{grid-template-columns:1fr}.agenda-row{grid-template-columns:38px 3px 1fr}.agenda-row .tag{display:none}}@media (max-width:430px){.module-grid{grid-template-columns:1fr}.login-card h2{font-size:29px}}:root{--navy:#1e3f6d;--navy-deep:#102b50;--teal:#0c91a2;--lime:#a7dc4f;--mint:#43b98d;--bg:#f4f8f8}html,body,.app-shell{background:#f4f8f8}.login-brand{background:radial-gradient(circle at 10% 88%,#0c91a270 0,#0000 36%),radial-gradient(circle at 88% 16%,#a7dc4f33 0,#0000 31%),linear-gradient(145deg,#0b2546,#1e3f6d)}.fiby-logo{background:#fff;border-radius:8px;flex:none;width:126px;height:48px;display:block;overflow:hidden;box-shadow:0 3px 12px #081d361f}.fiby-logo img{width:126px;height:auto;margin:0;display:block}.brand-top>span:last-child{letter-spacing:1.7px;color:#c5dedf;font-size:9px}.eyebrow{color:#0c91a2}.eyebrow.light{color:#a7dc4f}.brand-modules span{color:#edf8f4;background:#0c91a226;border-color:#a7dc4f4d}.mobile-logo b{letter-spacing:1.4px;color:#668295;font-size:9px}.login-card input:focus{border-color:#0c91a2;box-shadow:0 0 0 3px #0c91a217}.login-options button{color:#0c91a2}.primary-login{background:linear-gradient(100deg,#087f94,#39ae88);box-shadow:0 8px 18px #0c91a233}.primary-login:hover{background:linear-gradient(100deg,#086f82,#319c79)}.demo-note{color:#527c7f;background:#eff9f6}.demo-note span{color:#79bc47}.login-help b{color:#0c91a2}.sidebar{background:linear-gradient(#16375f,#102b50)}.sidebar-brand{border-bottom-color:#ffffff1a;padding:0 10px}.sidebar-brand .fiby-logo{width:102px;height:38px;box-shadow:none;border-radius:6px}.sidebar-brand span{color:#a7dc4f;text-transform:uppercase;letter-spacing:1px;font-size:11px}.sidebar button:hover,.sidebar button.active{color:#fff;background:#0c91a233}.sidebar button.active{box-shadow:inset 2px 0 #a7dc4f}.blue{background:#1e3f6d}.violet{background:#0c91a2}.green{background:#43b98d}.orange{background:#8fc946}.avatar{background:linear-gradient(135deg,#0c91a2,#79bf4c)}.welcome .eyebrow{color:#0c91a2}.module-card:hover{border-color:#0c91a259;box-shadow:0 9px 24px #163f5c1a}.module-footer b,.panel-head button,.activity-item strong{color:#0c8294}.health i{background:#84c64a}.health{color:#65a63f}.blue-line{background:#1e3f6d}.violet-line{background:#0c91a2}.green-line{background:#43b98d}.orange-line{background:#9acf4e}.blue-tag{color:#1e3f6d;background:#edf3f8}.violet-tag{color:#087f94;background:#e9f7f8}.green-tag{color:#2e9271;background:#eaf8f2}.orange-tag{color:#68a42f;background:#f3f9e9}.blue-person{background:#1e3f6d}.violet-person{background:#0c91a2}.green-person{background:#43b98d}.orange-person{background:#8fc946}.toast{background:#173b64}.toast span{background:#8bc84a}.fiby-logo,.sidebar-brand .fiby-logo{box-shadow:none;background:0 0;border-radius:0}.brand-top .fiby-logo{background:linear-gradient(135deg,#fffffffa,#eff9f5f0);border:1px solid #ffffffb3;border-radius:14px;width:190px;height:82px;padding:6px 10px;box-shadow:0 10px 28px #05193133}.brand-top .fiby-logo{width:190px;height:70px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.brand-top .fiby-logo img{width:190px}.sidebar-brand .fiby-logo{background:0 0;border-radius:0;width:126px;height:46px;padding:0}.sidebar-brand .fiby-logo img{width:126px}.mobile-logo .fiby-logo{background:#16375f;border-radius:10px;width:150px;height:59px;padding:5px}.mobile-logo .fiby-logo img{width:140px}.module-workspace{background:#f4f7f9;min-height:100vh;display:flex}.module-sidebar{color:#fff;z-index:10;background:linear-gradient(#16375f,#102b50);flex-direction:column;width:238px;padding:0 13px 18px;display:flex;position:fixed;inset:0 auto 0 0}.module-brand{border-bottom:1px solid #ffffff1a;align-items:center;height:70px;padding:0 4px;display:flex}.module-brand .fiby-logo{width:126px;height:46px}.module-brand .fiby-logo img{width:126px}.module-brand>button{color:#fff;background:#ffffff0f;border:1px solid #ffffff24;border-radius:7px;width:30px;height:30px;margin-left:auto}.current-module{align-items:center;gap:10px;padding:19px 10px 14px;display:flex}.current-module>span{background:linear-gradient(135deg,#0c91a2,#79bf4c);border-radius:8px;place-items:center;width:34px;height:34px;font-size:10px;font-weight:900;display:grid}.current-module div{flex-direction:column;gap:3px;display:flex}.current-module b{font-size:11px}.current-module small{color:#8fa2b8;font-size:7px}.module-sidebar nav{border-top:1px solid #ffffff14;padding-top:5px}.module-sidebar nav button,.switcher button{color:#a5b4c7;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:12px;width:100%;height:39px;padding:0 12px;font-size:10px;font-weight:600;display:flex}.module-sidebar nav button:hover,.module-sidebar nav button.active{color:#fff;background:#0c91a233}.module-sidebar nav button.active{box-shadow:inset 2px 0 #a7dc4f}.module-sidebar nav i{text-align:center;width:17px;font-size:14px;font-style:normal}.switcher{border-top:1px solid #ffffff14;margin-top:auto;padding-top:8px}.switcher p{color:#61758e;letter-spacing:1.2px;margin:8px 12px;font-size:7px;font-weight:800}.switcher .mini-icon{flex:none}.module-user{border-top:1px solid #ffffff14;align-items:center;gap:9px;margin-top:7px;padding:13px 7px 0;display:flex}.module-user div:nth-child(2){flex-direction:column;gap:3px;display:flex}.module-user b{font-size:9px}.module-user small{color:#71849d;font-size:7px}.module-main{width:calc(100% - 238px);margin-left:238px}.module-topbar{z-index:5;color:#8995a6;background:#fff;border-bottom:1px solid #e3e9ee;align-items:center;height:61px;padding:0 29px;font-size:9px;display:flex;position:sticky;top:0}.module-topbar>span b{color:#d3dae2;margin:0 9px}.module-topbar>div{align-items:center;gap:8px;margin-left:auto;display:flex}.module-topbar>div button{color:#66758a;background:#fff;border:1px solid #e1e7ec;border-radius:7px;width:31px;height:31px}.tiny-avatar{color:#fff;background:linear-gradient(135deg,#0c91a2,#79bf4c);border-radius:7px;place-items:center;width:31px;height:31px;font-size:8px;font-weight:800;display:grid}.hub-back{color:#0c8294;background:0 0;border:0;font-size:9px;font-weight:700;display:none}.module-content{max-width:1400px;margin:auto;padding:28px 31px}.module-heading{justify-content:space-between;align-items:flex-end;display:flex}.module-heading h1{letter-spacing:-.6px;margin:7px 0 5px;font-size:25px}.module-heading p{color:#8490a1;margin:0;font-size:9px}.module-action{color:#fff;background:linear-gradient(100deg,#087f94,#39ae88);border:0;border-radius:7px;height:36px;padding:0 15px;font-size:9px;font-weight:700;box-shadow:0 6px 15px #0c91a22e}.module-metrics{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:23px;display:grid}.module-metrics article{background:#fff;border:1px solid #e3e9ee;border-radius:9px;align-items:center;gap:11px;padding:15px;display:flex}.metric-mark{border-radius:8px;place-items:center;width:35px;height:35px;font-size:12px;display:grid}.metric-0{color:#1e3f6d;background:#edf3f8}.metric-1{color:#0c91a2;background:#e8f7f8}.metric-2{color:#73ad38;background:#f3f9e9}.metric-3{color:#359a78;background:#eaf8f2}.module-metrics article>div:nth-child(2){flex-direction:column;display:flex}.module-metrics b{font-size:16px}.module-metrics span{color:#8b96a6;margin-top:3px;font-size:7px}.module-metrics em{color:#52a06f;margin-left:auto;font-size:7px;font-style:normal}.module-lower{grid-template-columns:1.45fr .55fr;gap:13px;margin-top:13px;display:grid}.module-table-card,.module-side-card{background:#fff;border:1px solid #e3e9ee;border-radius:9px;padding:17px}.module-card-head{justify-content:space-between;align-items:flex-start;padding-bottom:13px;display:flex}.module-card-head h2{margin:0 0 4px;font-size:12px}.module-card-head p{color:#929cab;margin:0;font-size:7px}.module-card-head button{color:#0c8294;background:0 0;border:0;font-size:8px;font-weight:700}.module-table{border-top:1px solid #edf1f4}.table-row{color:#667386;border-bottom:1px solid #f0f2f5;grid-template-columns:.72fr 1.35fr 1fr .7fr;align-items:center;gap:10px;min-height:49px;font-size:8px;display:grid}.table-row:last-child{border:0}.table-row b{color:#174473}.table-head{color:#9aa4b2;min-height:34px;font-size:6px;font-weight:800}.row-status{border-radius:4px;justify-self:start;padding:5px 7px;font-size:7px;font-style:normal}.status-0{color:#369062;background:#e9f7ef}.status-1{color:#0b8493;background:#e9f6f8}.status-2{color:#9a7b25;background:#f6f3e8}.timeline{border-top:1px solid #edf1f4;padding-top:5px}.timeline>div{border-bottom:1px solid #f1f3f5;gap:9px;padding:10px 0;display:flex}.timeline i{background:#38a981;border-radius:50%;width:7px;height:7px;margin-top:3px;box-shadow:0 0 0 4px #eaf7f2}.timeline p{color:#677386;flex-direction:column;gap:4px;margin:0;font-size:8px;display:flex}.timeline p b{color:#223149}.timeline span{color:#a0a8b3;font-size:7px}.soft-button{color:#267d74;background:#f2f9f7;border:1px solid #dfe8e8;border-radius:6px;width:100%;height:33px;margin-top:13px;font-size:8px;font-weight:700}.integration-note{background:#f1faf7;border:1px solid #cde9df;border-radius:9px;align-items:center;gap:11px;margin-top:13px;padding:13px 15px;display:flex}.integration-note>span{color:#fff;background:#45ae7d;border-radius:50%;place-items:center;width:26px;height:26px;font-size:10px;display:grid}.integration-note div{flex-direction:column;gap:3px;display:flex}.integration-note b{color:#246b58;font-size:9px}.integration-note p{color:#6e9188;margin:0;font-size:7px}@media (max-width:900px){.module-metrics{grid-template-columns:1fr 1fr}.module-lower{grid-template-columns:1fr}.module-side-card{display:none}}@media (max-width:720px){.module-sidebar{display:none}.module-main{width:100%;margin:0}.module-topbar{padding:0 14px}.hub-back{display:block}.module-topbar>span{display:none}.module-content{padding:20px 14px}.module-heading{align-items:flex-start}.module-metrics{grid-template-columns:1fr 1fr}.table-row{grid-template-columns:.7fr 1.3fr .8fr}.table-row>:nth-child(3){display:none}}.mail-head-actions{gap:10px;display:flex}.mail-row-button{text-align:left;width:100%;color:inherit;background:0 0;border:0;padding:0}.mail-row-button:hover{background:#f6fbfa}.mail-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#08182c94;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.mail-modal{color:#172033;background:#fff;border-radius:14px;width:min(760px,100%);max-height:88vh;overflow:auto;box-shadow:0 24px 70px #0514284d}.mail-modal>header{z-index:2;background:#fff;border-bottom:1px solid #e7edf0;justify-content:space-between;align-items:flex-start;padding:22px 24px 17px;display:flex;position:sticky;top:0}.mail-modal>header span{letter-spacing:1.4px;color:#0c91a2;font-size:8px;font-weight:900}.mail-modal>header h2{margin:7px 0 0;font-size:19px}.mail-modal>header button{color:#516172;background:#eff4f5;border:0;border-radius:8px;width:31px;height:31px;font-size:19px}.mail-metadata{background:#f6faf9;border-bottom:1px solid #e6eeec;padding:16px 24px;position:relative}.mail-metadata p{color:#536276;margin:4px 0;font-size:10px}.mail-metadata time{color:#81909d;font-size:9px;position:absolute;top:18px;right:24px}.mail-body{white-space:pre-wrap;overflow-wrap:anywhere;color:#26364a;min-height:180px;margin:0;padding:24px;font:12px/1.7 Arial,Helvetica,sans-serif}.mail-attachments{padding:0 24px 20px}.mail-attachments h3{font-size:11px}.mail-attachments a{color:#23405b;background:#f7fbfa;border:1px solid #dbe6e5;border-radius:8px;align-items:center;gap:9px;margin:0 8px 8px 0;padding:9px 12px;text-decoration:none;display:inline-flex}.mail-attachments a>span{color:#0c91a2;font-size:17px}.mail-attachments a div{flex-direction:column;gap:3px;display:flex}.mail-attachments a b{font-size:9px}.mail-attachments a small{color:#83909e;font-size:7px}.mail-modal>footer{background:#fff;border-top:1px solid #e7edf0;justify-content:flex-end;gap:9px;padding:15px 24px;display:flex;position:sticky;bottom:0}.primary-mail-action,.secondary-mail-action{border-radius:7px;height:38px;padding:0 15px;font-size:9px;font-weight:800}.primary-mail-action{color:#fff;background:linear-gradient(100deg,#087f94,#39ae88);border:0}.primary-mail-action:disabled{opacity:.55}.secondary-mail-action{color:#516477;background:#fff;border:1px solid #dce5e7}.loading-modal{text-align:center;width:230px;padding:30px;font-size:11px}.composer-fields{gap:13px;padding:20px 24px;display:grid}.composer-fields label{color:#405065;gap:6px;font-size:9px;font-weight:700;display:grid}.composer-fields input,.composer-fields textarea{color:#25374b;border:1px solid #d9e3e7;border-radius:7px;outline:0;width:100%;padding:10px 11px;font:11px Arial}.composer-fields input:focus,.composer-fields textarea:focus{border-color:#0c91a2;box-shadow:0 0 0 3px #0c91a214}.composer-fields textarea{resize:vertical;min-height:220px;line-height:1.55}@media (max-width:620px){.mail-modal-backdrop{padding:8px}.mail-modal{border-radius:10px;max-height:96vh}.mail-metadata time{margin-top:10px;display:block;position:static}.mail-body{padding:18px}.mail-modal>header,.mail-metadata,.composer-fields{padding-left:17px;padding-right:17px}}.calendar-state{color:#7c899c;justify-content:center;align-items:center;gap:10px;min-height:170px;display:flex}.calendar-state span{color:#43a77e;background:#eef7f2;border-radius:7px;place-items:center;width:29px;height:29px;display:grid}.calendar-state p{margin:0;font-size:9px}.calendar-event{border-bottom:1px solid #f0f2f5;grid-template-columns:82px 8px 1fr;align-items:center;gap:10px;min-height:58px;padding:12px 0;display:grid}.calendar-event:last-child{border-bottom:0}.calendar-event>i{background:#43b98d;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #e9f7f2}.calendar-date{flex-direction:column;gap:4px;display:flex}.calendar-date b{text-transform:capitalize;color:#35506b;font-size:8px}.calendar-date span{color:#82909e;font-size:7px}.calendar-event>div:last-child{flex-direction:column;gap:4px;min-width:0;display:flex}.calendar-event>div:last-child b{white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.calendar-event>div:last-child span{color:#8b97a5;white-space:nowrap;text-overflow:ellipsis;font-size:7px;overflow:hidden}.calendar-settings-page{padding-top:16px}.integration-stack{gap:16px;display:grid}.calendar-symbol{background:linear-gradient(135deg,#1e3f6d,#0c91a2)}.mail-filters{border-bottom:1px solid #edf1f4;gap:6px;padding:9px 0 2px;display:flex}.mail-filters button{color:#718092;background:0 0;border:1px solid #0000;border-radius:6px;padding:5px 8px;font-size:8px;font-weight:700}.mail-filters button:hover{background:#f2f7f7}.mail-filters button.active{color:#087f94;background:#e9f7f5;border-color:#cde8e3}.mail-filters span{background:#fff;border-radius:8px;place-items:center;min-width:15px;height:15px;margin-left:4px;padding:0 4px;font-size:7px;display:inline-grid}.agenda .agenda-row{min-height:50px}.mail-state{color:#7c899c;justify-content:center;align-items:center;gap:10px;min-height:116px;display:flex}.mail-state span{color:#0c91a2;background:#e9f7f8;border-radius:7px;place-items:center;width:28px;height:28px;font-size:12px;display:grid}.mail-state p{margin:0;font-size:9px}.settings-page{max-width:900px;margin:0 auto;padding-top:8px}.settings-heading{margin-bottom:24px}.settings-heading h1{letter-spacing:-.7px;margin:8px 0 6px;font-size:27px}.settings-heading p{color:#7b8798;margin:0;font-size:11px}.integration-card{background:#fff;border:1px solid #e1e7ec;border-radius:11px;padding:22px;box-shadow:0 8px 24px #163f5c0d}.integration-card-head{border-bottom:1px solid #edf1f4;align-items:center;gap:13px;padding-bottom:18px;display:flex}.integration-symbol{color:#fff;background:linear-gradient(135deg,#0c91a2,#43b98d);border-radius:10px;place-items:center;width:42px;height:42px;font-size:18px;display:grid}.integration-card-head h2{margin:0 0 5px;font-size:15px}.integration-card-head p{color:#8390a1;margin:0;font-size:9px}.connection-status{color:#7c8796;background:#f1f3f5;border-radius:20px;margin-left:auto;padding:6px 9px;font-size:8px;font-weight:800}.connection-status.connected{color:#32906b;background:#e9f8f1}.mail-form{gap:17px;max-width:600px;padding-top:20px;display:grid}.mail-form label{color:#344257;flex-direction:column;gap:7px;font-size:10px;font-weight:700;display:flex}.mail-form input{height:42px;font:inherit;color:#233149;border:1px solid #dce3e9;border-radius:7px;outline:0;padding:0 12px;font-weight:500}.mail-form input:focus{border-color:#0c91a2;box-shadow:0 0 0 3px #0c91a217}.mail-form input:disabled{background:#f4f6f7}.mail-form small{color:#8c97a6;font-size:8px;font-weight:400}.settings-actions{gap:9px;display:flex}.save-integration,.disconnect-integration{border-radius:7px;height:38px;padding:0 15px;font-size:9px;font-weight:800}.save-integration{color:#fff;background:linear-gradient(100deg,#087f94,#39ae88);border:0}.save-integration:disabled{opacity:.55}.disconnect-integration{color:#b04a4a;background:#fff;border:1px solid #e1b8b8}.settings-alert{border-radius:7px;padding:10px 12px;font-size:9px}.settings-alert.success{color:#2f8064;background:#edf9f4}.settings-alert.error{color:#a94a46;background:#fff2f1}.privacy-note{color:#8995a4;margin:13px 4px;font-size:8px}