:root{--team-bg:#0a0f0d;--team-panel:#121916;--team-line:#1f2e27;--team-text:#e7ebe7;--team-muted:#8b9c90;--team-green:#b8d5bd}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes glow{0%,to{box-shadow:0 0 24px #b8d5bd18}50%{box-shadow:0 0 42px #b8d5bd28}}.team-stage{background:radial-gradient(ellipse 110% 70% at 20% 8%,#1a2e23 0,transparent 50%),radial-gradient(ellipse 90% 60% at 85% 92%,#1d2a26 0,transparent 40%),var(--team-bg);min-height:100vh;padding:0}.team-app{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.team-sidebar{border-right:1px solid var(--team-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d1210e8;flex-direction:column;gap:18px;padding:24px 20px;animation:.5s fadeIn;display:flex}.team-wordmark{color:var(--team-text);align-items:center;gap:9px;font-size:15px;text-decoration:none;display:flex}.team-wordmark img{border-radius:7px;width:26px;height:26px}.team-compose-button,.team-reply-button{color:#111;cursor:pointer;background:linear-gradient(135deg,#b8d5bd,#8ec49a);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-size:12px;font-weight:700;transition:transform .2s,box-shadow .3s;display:flex}.team-compose-button:hover,.team-reply-button:hover{transform:translateY(-1px);box-shadow:0 8px 28px #b8d5bd30}.team-sidebar nav{gap:3px;display:grid}.team-sidebar nav a{color:#c8d4ca;border-radius:14px;align-items:center;gap:9px;padding:11px 14px;font-size:12px;text-decoration:none;transition:background .2s,color .2s;display:flex}.team-sidebar nav a:hover{color:var(--team-text);background:#ffffff08}.team-sidebar nav a span{background:#ffffff0a;border-radius:999px;margin-left:auto;padding:2px 8px;font-size:10px}.team-identities{gap:7px;margin-top:auto;display:grid}.team-identities strong{color:var(--team-muted);letter-spacing:1.6px;font-size:8px}.team-identities span{color:var(--team-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.team-link{color:var(--team-muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:10px 0 0;font-size:11px;transition:color .2s;display:flex}.team-link:hover{color:var(--team-text)}.team-avatar{object-fit:cover;border-radius:50%;flex:none;transition:transform .3s,box-shadow .3s}.team-avatar-letter{background:var(--team-green);color:#19201c;border-radius:50%;place-items:center;font-weight:800;display:grid}.team-content{border:0;max-height:100vh;padding:clamp(28px,4vw,48px) clamp(28px,4vw,52px);overflow-y:auto}.team-welcome{margin-bottom:36px;animation:.6s both fadeUp}.welcome-hero{align-items:center;gap:20px;display:flex}.welcome-hero .team-avatar{animation:.5s .15s both scaleIn;box-shadow:0 0 0 3px #b8d5bd20,0 12px 36px #00000040}.welcome-hero .team-avatar:hover{transform:scale(1.06);box-shadow:0 0 0 3px #b8d5bd35,0 16px 48px #00000060}.welcome-greeting{color:var(--team-green);letter-spacing:.4px;font-size:12px;animation:.8s .25s both fadeIn;display:block}.welcome-hero h1{letter-spacing:-1px;color:#fff;margin:4px 0 0;font:600 clamp(28px,3.5vw,42px)/1.1 Georgia,serif;animation:.6s .3s both fadeUp}.welcome-sub{color:#a8b8ac;letter-spacing:.2px;margin:14px 0 0;font-size:11px;animation:.8s .45s both fadeIn}.mail-section{animation:.5s both fadeUp}.mail-section:nth-child(2){animation-delay:.1s}.mail-section:nth-child(3){animation-delay:.2s}.mail-section+.mail-section{margin-top:32px}.mail-section-title{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.mail-section-title h2{letter-spacing:-.3px;color:#fff;margin:0;font:500 18px Georgia,serif}.mail-section-title span{color:#8b9c90;font-size:10px}.mail-list{gap:4px;display:grid}.mail-row{color:var(--team-text);animation:.4s both fadeUp;animation-delay:calc(var(--row-i,0) * 35ms + .15s);border-radius:16px;grid-template-columns:34px minmax(0,1fr) minmax(0,1.6fr) 20px 52px;align-items:center;gap:16px;padding:14px 18px;text-decoration:none;transition:background .25s,transform .2s;display:grid}.mail-row:hover{background:#ffffff06;transform:translate(3px)}.mail-direction{width:34px;height:34px;color:var(--team-muted);background:#ffffff06;border-radius:10px;place-items:center;transition:color .2s;display:grid}.mail-direction.inbox{color:var(--team-green)}.mail-person{min-width:0}.mail-person strong{white-space:nowrap;text-overflow:ellipsis;color:#fff;font-size:12px;display:block;overflow:hidden}.mail-person small{color:var(--team-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:9px;display:block;overflow:hidden}.mail-subject{color:#9aab9e;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.mail-row time{text-align:right;color:var(--team-muted);white-space:nowrap;font-size:10px}.empty-mail{text-align:center;color:var(--team-muted);padding:60px 20px;animation:.6s both fadeIn}.empty-mail h2{color:var(--team-text);margin:14px 0 6px;font:500 20px Georgia,serif}.empty-mail p{margin:0;font-size:11px}.compose-shade{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020303d9;place-items:center;padding:18px;animation:.2s fadeIn;display:grid;position:fixed;inset:0;overflow:hidden}.compose-card{overscroll-behavior:contain;background:#101413;border:1px solid #303936;border-radius:30px;gap:11px;width:min(760px,100%);max-height:calc(100dvh - 36px);padding:24px;animation:.25s scaleIn;display:grid;overflow:auto;box-shadow:0 40px 120px #000c}.compose-head{justify-content:space-between;align-items:flex-start;padding-bottom:9px;display:flex}.compose-head span{color:var(--team-green);letter-spacing:1.6px;font-size:9px}.compose-head h2{margin:6px 0 0;font:500 30px Georgia,serif}.compose-head button{border:1px solid var(--team-line);color:#fff;background:#ffffff05;border-radius:50%;place-items:center;width:38px;height:38px;transition:background .2s;display:grid}.compose-head button:hover{background:#ffffff0c}.compose-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.compose-card label,.team-login-card label{color:var(--team-muted);letter-spacing:.2px;gap:7px;font-size:10px;display:grid}.compose-card input,.compose-card select,.compose-card textarea,.team-login-card input{border:1px solid var(--team-line);width:100%;color:var(--team-text);resize:vertical;background:#090c0b;border-radius:15px;outline:0;padding:13px 14px;transition:border-color .25s,box-shadow .25s}.compose-card input:focus,.compose-card select:focus,.compose-card textarea:focus,.team-login-card input:focus{border-color:#b8d5bd80;box-shadow:0 0 0 3px #b8d5bd0e}.compose-card textarea{border-radius:19px;min-height:118px;max-height:210px;line-height:1.6}.compose-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.compose-actions>div{align-items:center;gap:11px;min-width:0;display:flex}.compose-actions>div>small{color:var(--team-muted);white-space:nowrap;font-size:9px}.attach{border:1px solid var(--team-line);cursor:pointer;border-radius:999px;grid-auto-flow:column;justify-content:start;align-items:center;padding:12px 15px;transition:background .2s;position:relative;overflow:hidden;color:var(--team-text)!important;gap:8px!important;display:flex!important}.attach:hover{background:#ffffff06}.attach input{opacity:0;cursor:pointer;position:absolute;inset:0}.attachment-selection{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.attachment-selection>div{border:1px solid var(--team-line);min-width:0;color:var(--team-green);background:#090c0b;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;display:grid}.attachment-selection span,.attachment-selection small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.attachment-selection span{color:var(--team-text);font-size:10px}.attachment-selection small{color:var(--team-muted);margin-top:3px;font-size:8px}.attachment-selection button{width:28px;height:28px;color:var(--team-muted);background:0 0;border:0;border-radius:50%;place-items:center;transition:background .2s,color .2s;display:grid}.attachment-selection button:hover{color:var(--team-text);background:#ffffff0b}.team-send{color:#111;cursor:pointer;background:linear-gradient(135deg,#b8d5bd,#8ec49a);border:0;border-radius:999px;min-width:128px;padding:13px 20px;font-size:12px;font-weight:700;transition:transform .2s,box-shadow .3s}.team-send:hover{transform:translateY(-1px);box-shadow:0 8px 28px #b8d5bd30}.team-send:disabled{opacity:.55;cursor:wait}.team-error{color:#ff9c9c;margin:0;font-size:11px}.team-login-shell{background:radial-gradient(circle at 18% 8%,#283b31 0,transparent 34%),radial-gradient(circle at 86% 90%,#331d22 0,transparent 30%),var(--team-bg);place-items:center;min-height:100vh;padding:30px;animation:.5s fadeIn;display:grid}.team-login-shell>.team-wordmark{animation:.8s .1s both fadeIn;position:absolute;top:28px;left:30px}.team-login-shell>small{color:var(--team-muted);font-size:10px;animation:1s .6s both fadeIn;position:absolute;bottom:24px}.team-login-card{border:1px solid var(--team-line);background:#0f1312ec;border-radius:36px;width:min(510px,100%);padding:42px;animation:.4s .15s both scaleIn;box-shadow:0 38px 110px #000b}.team-login-card h1{letter-spacing:-1.4px;margin:13px 0;font:500 clamp(34px,5vw,46px)/1.06 Georgia,serif}.team-login-card>p{color:var(--team-muted);margin:0;font-size:12px;line-height:1.7}.team-login-card form{gap:15px;margin-top:26px;display:grid}.team-login-card .button{border-radius:999px;width:100%;min-height:48px}.team-login-card>.team-link{justify-content:center;width:100%;margin-top:14px}.team-kicker{color:var(--team-green);letter-spacing:2px;text-transform:uppercase;font-size:9px}.generated-password{border:1px solid var(--team-line);color:var(--team-green);overflow-wrap:anywhere;background:#080a09;border-radius:17px;margin:20px 0;padding:17px;font-family:monospace;animation:.4s both fadeIn}.message-stage{background:var(--team-bg);min-height:100vh;color:var(--team-text);padding:clamp(18px,4vw,54px);animation:.4s fadeIn}.message-shell{width:min(1040px,100%);margin:0 auto}.message-toolbar{justify-content:space-between;align-items:center;margin-bottom:38px;display:flex}.message-toolbar>a{color:var(--team-muted);align-items:center;gap:8px;font-size:12px;text-decoration:none;transition:color .2s;display:flex}.message-toolbar>a:hover{color:var(--team-text)}.thread-heading{margin-bottom:24px;animation:.5s both fadeUp}.thread-heading>span{color:var(--team-green);letter-spacing:1.2px;font-size:10px}.thread-heading h1{letter-spacing:-1.5px;color:#fff;margin:8px 0 0;font:500 clamp(34px,5vw,52px)/1.08 Georgia,serif}.thread-stack{gap:14px;display:grid}.message-card{border:1px solid var(--team-line);background:var(--team-panel);border-radius:27px;padding:clamp(22px,4vw,36px);transition:border-color .3s,background .3s;animation:.4s both fadeUp;box-shadow:0 20px 60px #0003}.message-card.selected{background:linear-gradient(145deg,#141a18,#0e1211);border-color:#b8d5bd55}.message-author{align-items:center;gap:11px;display:flex}.message-author>.team-avatar,.message-author>span{width:36px;height:36px}.message-author>div{min-width:0}.message-author strong,.message-author small{overflow-wrap:anywhere;display:block}.message-author strong{color:#fff;font-size:12px}.message-author small{color:var(--team-muted);margin-top:4px;font-size:9px}.message-author em{color:var(--team-muted);text-transform:uppercase;letter-spacing:1px;background:#ffffff07;border-radius:999px;margin-left:auto;padding:7px 10px;font-size:9px;font-style:normal}.message-card dl{border-block:1px solid var(--team-line);margin:24px 0;padding:13px 0}.message-card dl>div{gap:18px;padding:6px 0;font-size:11px;display:flex}.message-card dt{width:34px;color:var(--team-muted);flex:none}.message-card dd{overflow-wrap:anywhere;color:var(--team-text);margin:0}.message-card pre{white-space:pre-wrap;color:#f0f2f0;margin:24px 0 0;font:13px/1.75 Arial,sans-serif}.message-attachments{flex-wrap:wrap;gap:9px;margin-top:28px;display:flex}.message-attachments h2{width:100%;font-size:11px}.message-attachments a{border:1px solid var(--team-line);color:var(--team-green);border-radius:14px;align-items:center;gap:7px;padding:10px 13px;font-size:10px;text-decoration:none;transition:background .2s;display:flex}.message-attachments a:hover{background:#ffffff06}@media (max-width:820px){.team-stage{padding:0}.team-app{grid-template-columns:1fr;gap:0;height:auto;min-height:100vh}.team-sidebar{border:0;border-bottom:1px solid var(--team-line);box-shadow:none;border-radius:0;grid-template-columns:1fr auto;gap:16px;padding:18px;display:grid}.team-compose-button{grid-area:1/2;width:auto;padding-inline:16px}.team-sidebar nav{grid-column:1/-1;grid-template-columns:1fr 1fr}.team-identities,.team-sidebar>.team-link{display:none}.team-content{box-shadow:none;border:0;border-radius:0;max-height:none;padding:26px 18px}.welcome-hero .team-avatar{width:56px!important;height:56px!important}.mail-row{grid-template-columns:34px minmax(0,1fr) 48px;gap:12px}.mail-person,.mail-subject{grid-column:2}.mail-row>svg,.mail-row>span:empty{display:none}.mail-row time{grid-area:1/3}.compose-grid,.attachment-selection{grid-template-columns:1fr}.team-login-shell{padding:84px 18px}.team-login-shell>.team-wordmark{top:22px;left:22px}.team-login-card{border-radius:28px;padding:30px}.message-stage{padding:22px 14px}.message-toolbar{margin-bottom:28px}.message-card{border-radius:22px}.compose-actions{flex-direction:column;align-items:stretch}.compose-actions>div{flex-direction:column;align-items:flex-start}.team-send{width:100%}}@media (max-height:700px) and (min-width:821px){.compose-card{gap:8px;padding:18px 22px}.compose-head{padding-bottom:3px}.compose-head h2{font-size:25px}.compose-card input,.compose-card select,.compose-card textarea{padding:10px 12px}.compose-card textarea{min-height:86px}.attach{padding:10px 14px}.team-send{padding-block:11px}}
