@font-face{font-family:Outfit;src:url('../assets/fonts/body.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--navy:#172d40;--ink:#172d40;--cream:#f8f5ee;--paper:#fff;--yellow:#f4cc59;--coral:#b75035;--muted:#586571;--line:#dbe1e4;--font-body:Outfit,Arial,sans-serif;--font-display:Outfit,Arial,sans-serif}
body{font-family:Outfit,Arial,sans-serif;background:#f7f8fa;color:var(--ink)}button,input,select,textarea{font:inherit}h1,h2,h3{font-family:Outfit,Arial,sans-serif;letter-spacing:-.035em}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #d39d22;outline-offset:3px}.brand-mark{border:0;background:none;box-shadow:none;display:flex;align-items:center;width:42px;height:48px}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}.brand-mark>span{display:none}.auth-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,1fr);min-height:100dvh;background:#fff}.auth-story{padding:48px clamp(35px,6vw,90px);background:#f3ebd9;color:var(--ink);position:relative;display:flex;flex-direction:column;min-height:100dvh;border-right:1px solid #dcd5c5;overflow:hidden}.auth-story:before,.auth-story:after{display:none}.auth-brand{display:flex;align-items:center;gap:13px;color:var(--ink);font-weight:750;font-size:18px}.auth-brand .brand-word{font:inherit;letter-spacing:-.03em}.story-copy{margin:80px 0 35px}.story-copy .eyebrow{color:#635530;font-size:11px;letter-spacing:.12em}.story-copy h1{font:750 clamp(45px,5vw,72px)/1.06 Outfit,Arial,sans-serif;letter-spacing:-.06em;max-width:none;color:var(--ink);margin-bottom:22px}.story-copy>p:last-child{font-size:18px;line-height:1.5;max-width:350px;color:#4a5964}.workspace-promise{display:grid;gap:24px}.workspace-promise>div{display:flex;align-items:center;gap:15px}.workspace-promise b{width:34px;height:34px;border:1px solid #172d4033;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:600}.workspace-promise strong,.workspace-promise small{display:block}.workspace-promise strong{font-size:15px;font-weight:650}.workspace-promise small{font-size:13px;color:#5c655f;margin-top:4px}.back-site{margin-top:auto;padding-top:55px;font-size:13px;color:#52616c}.back-site:hover{text-decoration:underline}.auth-card-wrap{display:flex;align-items:center;justify-content:center;padding:60px 45px;background:#fff}.auth-card{width:100%;max-width:410px;padding:0;border:0;box-shadow:none;background:none}.auth-tabs{display:flex;padding:5px;background:#f0f2f3;border-radius:9px;gap:5px;margin-bottom:38px}.auth-tabs button{flex:1;border:0;border-radius:6px;padding:10px;font-size:13px;color:#5b6772;background:none;cursor:pointer;font-weight:600}.auth-tabs button[aria-pressed=true]{color:var(--ink);background:#fff;box-shadow:0 1px 4px #172d4015}.auth-card h2{font:750 34px/1.1 Outfit,Arial,sans-serif;margin:0 0 12px;letter-spacing:-.045em}.auth-card>.muted{font-size:15px;line-height:1.5;margin:0 0 30px;color:var(--muted)}.auth-card label{display:block;font-size:13px;font-weight:600;color:var(--ink);margin:0 0 8px}.auth-card input:not([type=checkbox]),.session-loader input{width:100%;border:1px solid #b8c2c9;border-radius:7px;background:#fff;color:var(--ink);height:48px;padding:12px 14px;margin:0 0 21px;font-size:15px}.auth-card input::placeholder{color:#82909b}.password-label{display:flex;align-items:baseline;justify-content:space-between}.password-label .text-button{font-size:12px}.auth-help{font-size:12px;color:var(--muted);margin:-3px 0 15px}.auth-help a,.auth-footnote a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.auth-card .check-row{display:flex;align-items:flex-start;gap:10px;font-size:12px;font-weight:400;line-height:1.5;margin:0 0 15px}.check-row input{width:17px;height:17px;margin:2px 0 0;accent-color:var(--navy);flex-shrink:0}.button{font-family:Outfit,Arial,sans-serif;border-radius:7px;box-shadow:none;font-size:13px;font-weight:650;min-height:42px;cursor:pointer}.button-primary{background:var(--navy);color:#fff;border:1px solid var(--navy)}.button-primary:hover{background:#29475c;transform:none;box-shadow:none}.button-secondary{background:white;color:var(--navy);border:1px solid #c9d1d7}.button:disabled{opacity:.65;cursor:wait}.auth-card .button-wide{height:49px;font-size:14px;justify-content:center;gap:25px}.auth-security{color:#687480;font-size:11px;text-align:center;margin:18px 0 28px}.auth-footnote{font-size:12px;text-align:center;color:#687480;border-top:1px solid var(--line);padding-top:22px}.form-status{font-size:13px;line-height:1.5;margin:0 0 15px;color:#87402f;min-height:0}.form-status:empty{display:none}.session-loader{max-width:560px;margin:15vh auto;padding:30px;text-align:center}.session-loader img{width:50px;margin:0 auto 25px}.session-loader h1{font-size:32px}.session-loader p{line-height:1.6}.session-loader button{margin:8px}.session-loader form{text-align:left}.session-loader label{display:block;margin:20px 0 10px}.app-shell{grid-template-columns:250px minmax(0,1fr)}.sidebar{width:auto;background:#182c3b;color:#edf3f5;padding:23px 15px 18px;border:0;box-shadow:none}.sidebar-top{padding:0 6px 22px}.sidebar-brand{gap:8px}.sidebar-brand>span{font-size:18px;font-weight:650;font-family:Outfit,Arial,sans-serif}.sidebar .brand-mark{background:#f7edda;width:30px;height:34px;border-radius:6px;padding:3px}.workspace-switch{border:1px solid #ffffff22;border-radius:8px;background:#ffffff08;padding:12px 9px;display:flex;text-decoration:none;color:#fff;gap:9px}.workspace-switch strong{font-size:11px}.workspace-switch small{font-size:10px;color:#bac8d2}.workspace-avatar{width:30px;height:30px;border-radius:6px;flex-shrink:0;background:#f4cc59;color:#172d40;font:800 16px Outfit,Arial,sans-serif}.nav-item{font-size:13px;min-height:44px;border-radius:7px;color:#bac8d2;padding:10px 12px;gap:12px}.nav-item.active{background:#f7edda;color:#172d40;box-shadow:none}.nav-icon{font-size:17px;width:18px}.main-nav{gap:5px;margin-top:25px}.section-label{color:#91a5b4;font-size:10px;letter-spacing:.07em}.team-nav{margin-top:28px}.team-item{font-size:12px;min-height:40px;color:#c2d0da;border-radius:6px;padding:8px 10px;white-space:normal;text-align:left}.team-item.active{background:#ffffff12;color:#fff}.team-dot{width:7px;height:7px;flex-shrink:0}.profile-chip{padding:12px 4px;border-top:1px solid #ffffff22;color:#fff}.profile-chip strong{font-size:12px}.profile-chip small{font-size:10px;color:#91a5b4}.topbar{height:70px;min-height:70px;background:#fff;border-bottom:1px solid var(--line);padding:0 34px}.breadcrumbs{font-size:12px;color:var(--muted)}.breadcrumbs strong{font-weight:650}.top-signout{border:0;background:none;font-size:12px;color:#5c6872;text-decoration:underline;cursor:pointer}.top-actions{gap:18px}.avatar{font-family:Outfit,Arial,sans-serif;font-size:11px;border-radius:9px}.content-wrap{width:min(1120px,calc(100% - 70px));padding:34px 0 60px}.page-heading{margin-bottom:25px;gap:22px}.page-heading h1{font:750 clamp(26px,3vw,38px)/1.15 Outfit,Arial,sans-serif;margin-bottom:10px;letter-spacing:-.035em}.eyebrow{font-size:10px;color:#657784;letter-spacing:.07em;font-weight:600}.page-description{font-size:14px;line-height:1.5;color:#5f6b75;max-width:540px}.quick-strip{gap:15px;margin-bottom:22px}.quick-card{background:#fff;border:1px solid var(--line);box-shadow:none;border-radius:9px;padding:18px;min-height:88px}.quick-card strong{font-family:Outfit,Arial,sans-serif;font-size:26px}.quick-card small{font-size:11px;color:#5e6c76}.quick-icon{border-radius:8px;width:36px;height:36px;font-size:17px}.panel{border:1px solid var(--line);border-radius:10px;background:white;box-shadow:none}.team-focus,.announcement-panel,.task-list-panel,.calendar-panel,.files-panel,.profile-panel{padding:24px}.panel h2,.section-heading h2{font:700 21px/1.2 Outfit,Arial,sans-serif;letter-spacing:-.02em}.panel h3{font-size:17px}.home-grid{gap:20px}.panel p,.team-description{font-size:13px;line-height:1.55}.progress-bar{height:6px;background:#e9edef}.progress-bar>span{background:#658d7d}.task-card{padding:16px 18px;border:1px solid var(--line);border-radius:8px;background:#fff;gap:13px}.task-main strong{font-size:13px;font-weight:600}.task-main small,.task-due{font-size:11px}.task-check{width:23px;height:23px;border-radius:6px}.task-preview{gap:8px}.filter{font-family:Outfit,Arial,sans-serif;font-size:12px;border-radius:6px}.filter.active{background:#172d40;color:#fff}.empty-state{background:#f8fafb;border:1px dashed #c7d1d8;border-radius:8px}.empty-state h3{font-size:17px}.empty-state p{font-size:12px}.chat-panel{padding:0;overflow:hidden}.chat-header{padding:17px 22px;margin:0;border-bottom:1px solid var(--line)}.chat-header strong{font-size:14px}.chat-header small{font-size:11px}.chat-messages{padding:22px;min-height:320px;max-height:calc(100dvh - 335px)}.message p{font-size:14px;line-height:1.5;overflow-wrap:anywhere}.message-meta strong{font-size:12px}.message-meta small{font-size:10px}.message{gap:12px}.chat-composer{padding:14px 20px;border-top:1px solid var(--line);margin:0;border-radius:0}.chat-composer input{background:#f6f8f9;border:1px solid #c8d2d9;border-radius:7px;padding:12px;font-size:14px}.send-button{width:40px;height:40px;border-radius:7px;background:#172d40;color:#fff}.file-row{font-size:12px;min-width:0}.file-name{min-width:0}.file-name strong{overflow-wrap:anywhere}.profile-hero h2{font-size:24px}.profile-fields label{font-size:12px}.profile-fields input{font-size:14px;border:1px solid #c8d2d9;border-radius:7px}.modal{border:1px solid #d7dfe4;border-radius:14px;box-shadow:0 20px 80px #172d4033;padding:26px;background:white}.modal h2{font:750 26px Outfit,Arial,sans-serif}.modal label{font-size:12px}.modal input,.modal select,.modal textarea{border:1px solid #bdc9d1;border-radius:7px;font-size:14px;background:#fff}.modal input[type=checkbox]{width:17px;height:17px}.modal-backdrop{background:#172d4070;backdrop-filter:blur(3px)}.load-error h1{font-size:30px}.loading-state{padding:60px 0;text-align:center;font-size:15px}.toast{font-size:13px;line-height:1.4;z-index:100}.mobile-menu{border:0;background:none}.leader-badge{font-size:9px}.team-choice-grid{gap:10px}.profile-panel .heading-actions{margin-top:20px}
@media(max-width:1000px){.auth-story{padding:35px}.story-copy{margin-top:65px}.story-copy h1{font-size:48px}.auth-card-wrap{padding:40px 30px}.auth-shell{grid-template-columns:1fr 1fr}.app-shell{grid-template-columns:230px minmax(0,1fr)}.content-wrap{width:calc(100% - 40px)}.home-grid{grid-template-columns:1fr}.page-heading{align-items:start;flex-direction:column}}
@media(max-width:850px){.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;width:270px;height:100dvh;z-index:20;transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0);box-shadow:15px 0 60px #172d4040}.mobile-menu{display:block}.mobile-nav{background:#172d40;border-radius:10px;box-shadow:0 3px 20px #172d4020}.mobile-nav-item{border-radius:6px}.topbar{padding:0 18px}.content-wrap{padding-bottom:100px}.auth-shell{grid-template-columns:1fr;min-height:100dvh}.auth-story{padding:24px 7%;min-height:0;border-right:0;border-bottom:1px solid #dfd6c5}.story-copy{margin:25px 0 0}.story-copy h1{font-size:38px;margin-bottom:12px}.story-copy p:last-child{font-size:15px;max-width:400px;margin:0}.workspace-promise{display:none}.back-site{padding-top:20px;margin-top:0;font-size:12px}.auth-card-wrap{padding:35px 7% 45px}.auth-card{max-width:480px}.auth-tabs{margin-bottom:27px}.auth-brand .brand-word{display:block;font-size:16px}.auth-card h2{font-size:30px}.auth-card>.muted{margin-bottom:25px}.brand-mark{width:28px;height:32px}}
@media(max-width:560px){.content-wrap{width:calc(100% - 28px);padding-top:25px}.quick-strip{grid-template-columns:1fr 1fr;gap:9px}.quick-card:last-child{grid-column:1/-1;min-height:65px}.quick-card{padding:12px;min-height:80px}.page-heading .button{width:auto}.heading-actions{flex-wrap:wrap;gap:8px}.panel{padding:17px}.chat-panel{padding:0}.chat-header,.chat-messages{padding:15px}.chat-composer{padding:12px}.chat-header>.avatar-stack{display:none}.profile-fields{grid-template-columns:1fr}.task-due{max-width:90px;text-align:right}.task-main{min-width:0}.task-main strong{overflow-wrap:anywhere}.empty-state{flex-wrap:wrap}.empty-state .button{margin-left:0}.chat-messages{max-height:calc(100dvh - 370px)}.modal{max-height:85dvh;overflow:auto}.heading-actions .button{flex:none}.page-heading h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
