:root{--navy:#16254a;--navy-deep:#101d3b;--gold:#c5a64f;--gold-light:#f7f1df;--bg:#f5f6f8;--paper:#fff;--ink:#202d47;--muted:#798294;--line:#e8ebf0;--green:#267665;--radius:13px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}button{border:0}svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}button svg{vertical-align:middle}.shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{background:var(--navy);color:#fff;padding:32px 18px 23px;position:fixed;top:0;bottom:0;left:0;width:248px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:11px;padding:0 12px;align-items:center}.monogram{height:44px;width:44px;flex:none;display:grid;place-items:center;border:1px solid #c5a64f88;border-radius:8px;color:var(--gold);font:700 25px Georgia,serif;letter-spacing:-2px}.brand-name{font-size:17px;font-weight:650;line-height:1.25;letter-spacing:.1px}.brand-name small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:1.45px;color:#d2d8e7;margin-top:4px;font-weight:500}.nav-label{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#8796b3;padding:0 14px;margin:42px 0 13px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:8px;background:none;color:#bfc8dc;text-align:left;font-size:12px;margin:3px 0}.nav-item.active{background:#ffffff11;color:#efdca2;box-shadow:inset 3px 0 var(--gold)}.nav-item:hover{background:#ffffff0b;color:#fff}.nav-item .count{margin-left:auto;background:#d3b866;color:#142347;font-size:10px;border-radius:4px;padding:2px 6px}.sidebar-bottom{margin-top:auto;padding:25px 13px 0}.sidebar-note{font-size:11px;line-height:1.65;color:#a9b6d0;border-top:1px solid #ffffff14;padding-top:20px}.sidebar-note strong{color:#fff;font-weight:500;display:block;font-size:12px}.sidebar-note span{display:block;color:#b5a366;margin-top:8px;font:italic 12px Georgia,serif}.main{grid-column:2;min-width:0}.prototype-bar{height:30px;background:var(--gold-light);color:#79632c;text-align:center;font-size:10px;letter-spacing:.2px;display:flex;align-items:center;justify-content:center;gap:7px;border-bottom:1px solid #eae1c5}.prototype-bar .dot{width:5px;height:5px;background:#ac8d37;border-radius:50%}.topbar{height:84px;background:#fff;border-bottom:1px solid var(--line);padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:20px}.breadcrumb{font-size:11px;color:var(--muted);display:flex;gap:10px;align-items:center}.breadcrumb b{font-weight:500;color:#4b566e}.top-actions{display:flex;align-items:center;gap:23px}.date{font-size:11px;color:#7a8496;display:flex;gap:7px;align-items:center}.persona{display:flex;align-items:center;gap:10px;border-left:1px solid var(--line);padding-left:24px}.avatar{height:34px;width:34px;display:grid;place-items:center;background:#edf0f7;color:var(--navy);border-radius:50%;font-size:11px;font-weight:600}.persona label{display:block;font-size:9px;color:var(--muted);margin-bottom:1px}.persona select{max-width:175px;background:white;border:0;color:var(--ink);font-size:11px;font-weight:600;padding:1px 0}.content{max-width:1500px;margin:auto;padding:32px 40px 44px}.eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:1.7px;color:#8c7b49;font-weight:700}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.page-heading h1{font-size:27px;font-weight:580;letter-spacing:-.7px;margin:9px 0 8px}.page-heading p{font-size:12px;color:var(--muted);margin:0;line-height:1.5}.btn{padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;font-weight:550;font-size:11px;white-space:nowrap;background:var(--navy);color:white;border:1px solid var(--navy)}.btn svg{width:15px;height:15px}.btn.secondary{background:#fff;color:var(--ink);border-color:#dde2eb}.btn.gold{background:var(--gold);color:var(--navy);border-color:var(--gold)}.btn.ghost{background:transparent;color:var(--muted);border-color:transparent}.btn.danger{background:#fff;color:#9d4747;border-color:#e7c9c9}.btn.small{padding:7px 10px;font-size:10px}.btn:hover{filter:brightness(.96)}.hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;background:var(--navy);border-radius:var(--radius);color:#fff;margin-bottom:23px;overflow:hidden;position:relative;min-height:160px}.hero-copy{padding:29px 30px;position:relative;z-index:1}.hero .eyebrow{color:#d9c78f;font-size:9px}.hero h2{font:normal 29px/1.25 Georgia,serif;letter-spacing:-.4px;margin:12px 0 10px}.hero p{color:#b5c1d7;font-size:11px;line-height:1.6;max-width:420px;margin:0}.hero-right{display:flex;flex-direction:column;justify-content:center;padding:30px;border-left:1px solid #ffffff15;margin:23px 0;position:relative;z-index:1}.hero-right strong{color:#e7d18f;font-size:33px;line-height:1;font-weight:450}.hero-right span{font-size:10px;color:#c4cde0;margin:7px 0 17px}.hero-right button{align-self:flex-start;color:#e7d18f;background:transparent;font-size:11px;padding:0}.hero-right button svg{width:13px}.hero:after{content:"EC";position:absolute;right:0;top:-45px;font:bold 250px Georgia;color:#ffffff02;letter-spacing:-25px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}.metric{padding:21px;background:white;border:1px solid var(--line);border-radius:var(--radius)}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#737e90;font-size:10px}.metric-icon{background:#f2f4f8;border-radius:7px;display:grid;place-items:center;width:31px;height:31px;color:#7583a1}.metric strong{display:block;font-size:30px;font-weight:520;letter-spacing:-1px;margin:12px 0 8px}.metric small{font-size:9px;color:#8a94a4}.metric small .highlight{color:#a88a36}.two-column{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(260px,1fr);gap:22px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel-header{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:21px 23px;border-bottom:1px solid var(--line)}.panel-header h2{font-size:13px;margin:0;font-weight:600;letter-spacing:-.1px}.panel-header p{font-size:10px;margin:5px 0 0;color:var(--muted)}.text-button{border:0;background:transparent;color:#8e7736;font-size:10px;padding:3px;white-space:nowrap}.text-button:hover{text-decoration:underline}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:9px;color:#9199a8;letter-spacing:.5px;font-weight:600;text-transform:uppercase;padding:13px 23px;background:#fcfcfd;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:17px 23px;border-bottom:1px solid #eff1f5;font-size:11px;line-height:1.4}tbody tr:last-child td{border-bottom:0}.clickable{cursor:pointer}.clickable:hover{background:#fafbfe}.cell-title{display:block;font-weight:600;color:#344059;font-size:11px}.cell-sub{display:block;color:#8b94a3;font-size:9px;margin-top:5px}.badge{padding:5px 8px;border-radius:4px;display:inline-block;font-size:9px;line-height:1.2;white-space:nowrap;background:#f0f3f8;color:#66748f}.badge.principal_approval,.badge.pending{background:#faf0d9;color:#9b7b2f}.badge.supervisor_review{background:#eaf0fa;color:#4c6fa7}.badge.approved,.badge.accepted{background:#e7f3ed;color:#397a60}.badge.released,.badge.filed{background:#e9f0f0;color:#387b77}.badge.preparation{background:#f0f1f5;color:#7b849a}.service-icon{width:31px;height:31px;border-radius:6px;background:#f2f4fa;color:#667b9e;display:grid;place-items:center;flex:none}.service-icon svg{width:16px;height:16px}.due-list{padding:0 22px}.due-item{display:flex;gap:12px;padding:19px 0;border-bottom:1px solid #edf0f5;align-items:center}.due-item:last-child{border-bottom:0}.date-box{background:#f7f4ec;color:#9b8448;min-width:39px;border-radius:6px;text-align:center;padding:7px 5px}.date-box b{font-size:17px;font-weight:550;display:block}.date-box span{font-size:8px;text-transform:uppercase}.due-item .cell-title{font-size:10px}.due-item .cell-sub{font-size:9px;line-height:1.45}.approval-band{margin-top:24px;padding:22px 25px;display:flex;align-items:center;justify-content:space-between;gap:22px;background:#f0f2f6;border:1px solid #e5e9f0;border-radius:var(--radius)}.approval-band>div:first-child{max-width:190px}.approval-band h3{font-size:11px;margin:0 0 5px}.approval-band p{font-size:9px;line-height:1.5;color:var(--muted);margin:0}.chain{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.chain span{font-size:9px;display:flex;align-items:center;gap:7px;color:#6c788e}.chain b{width:22px;height:22px;background:#fff;border:1px solid #dfe4ee;border-radius:50%;display:grid;place-items:center;font-size:9px;color:#7f89a0;font-weight:500}.chain svg{width:12px;color:#acb4c2}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}.filters{display:flex;gap:9px;flex-wrap:wrap}.control{border:1px solid #dfe4ec;background:#fff;padding:10px 12px;border-radius:6px;min-height:36px;color:#58657d;font-size:11px}.search-wrap{position:relative}.search-wrap svg{position:absolute;width:14px;top:12px;left:11px;color:#8b95a7}.search-wrap input{padding-left:32px;min-width:230px}.empty{padding:45px 23px;text-align:center;color:var(--muted);font-size:12px}.empty svg{display:block;margin:0 auto 12px}.section-intro{padding:17px 20px;background:#f6f3e9;border:1px solid #eae2ca;color:#857448;border-radius:8px;font-size:11px;line-height:1.6;margin-bottom:22px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.staff-card{padding:24px}.staff-card .avatar{height:42px;width:42px;margin-bottom:16px}.staff-card h3{font-size:13px;margin:0 0 6px}.staff-card p{font-size:11px;color:var(--muted);margin:0 0 18px;line-height:1.5}.role-tags{display:flex;gap:5px;flex-wrap:wrap}.role-tags .badge{font-size:9px}.callout{padding:23px;border-radius:var(--radius);border:1px solid var(--line);background:#fff;margin-top:22px}.callout h3{font-size:12px;margin:0 0 9px}.callout p{color:var(--muted);font-size:11px;line-height:1.7;margin:0}.roadmap-card{padding:24px}.phase{font-size:9px;letter-spacing:1px;color:#9a8550;text-transform:uppercase}.roadmap-card h3{font-size:15px;margin:11px 0}.roadmap-card p{font-size:11px;color:var(--muted);line-height:1.7}.roadmap-card ul{padding-left:17px;font-size:11px;line-height:1.9;color:#68758a}.roadmap-card.complete{border-top:3px solid var(--gold)}.roadmap-card:not(.complete){border-top:3px solid #dee3ec}.footer{display:flex;justify-content:space-between;gap:20px;margin-top:27px;font-size:9px;color:#9aa2af;line-height:1.6}.foot-actions{display:flex;gap:15px}.foot-actions button{background:none;border:0;color:#8992a3;font-size:9px;padding:0}.foot-actions button:hover{color:var(--navy)}.modal-shade{position:fixed;inset:0;background:#0d173b66;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(3px)}.modal{background:#fff;border-radius:13px;width:590px;max-height:calc(100vh - 48px);overflow:auto;box-shadow:0 20px 80px #0d173b44}.modal.wide{width:690px}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:24px 27px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:18px;margin:0;font-weight:550}.icon-button{border:0;background:#f4f5f8;color:#778298;height:30px;width:30px;border-radius:6px;display:grid;place-items:center}.modal-body{padding:25px 27px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:10px;font-weight:600;color:#6c788a}.field input,.field select,.field textarea{width:100%;border:1px solid #dce2eb;border-radius:6px;padding:11px 12px;font-size:12px;color:var(--ink);background:#fff}.field textarea{resize:vertical;min-height:90px}.field small{font-size:9px;color:var(--muted);line-height:1.5}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.form-error{color:#a33f3f;background:#fff2f2;font-size:11px;line-height:1.5;border-radius:5px;padding:10px;margin-top:15px}.detail-summary{display:flex;gap:15px;align-items:center;padding-bottom:20px}.detail-summary h3{font-size:15px;margin:0 0 6px}.detail-summary p{font-size:11px;color:var(--muted);margin:0}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:19px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.detail-grid dt{font-size:9px;color:var(--muted);margin-bottom:6px}.detail-grid dd{font-size:11px;margin:0;font-weight:500}.stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:24px 0}.step{font-size:9px;color:#8b95a7}.step:before{content:"";display:block;height:3px;background:#e9edf3;margin-bottom:9px;border-radius:2px}.step.done{color:#3d7b65}.step.done:before{background:#79aa94}.step.active{color:#ad8b33;font-weight:600}.step.active:before{background:var(--gold)}.action-bar{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.info-note{font-size:10px;color:#7c8799;line-height:1.6;background:#f6f8fb;padding:13px;border-radius:7px;margin-top:15px}.activity-list{list-style:none;margin:0;padding:0}.activity-list li{display:flex;gap:11px;padding:13px 0;border-bottom:1px solid #eef1f5;font-size:11px}.activity-list li:last-child{border-bottom:0}.activity-list .bullet{margin-top:4px;width:6px;height:6px;background:var(--gold);border-radius:50%;flex:none}.activity-list span small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.activity-heading{font-size:12px;margin:25px 0 8px}.schedule-table td,.schedule-table th{padding:11px 14px}.schedule-table input{width:100%;border:1px solid #e2e6ed;border-radius:5px;padding:8px 9px;font-size:11px;min-width:70px}.schedule-table input[type=number]{text-align:right}.schedule-table select{border:1px solid #e2e6ed;padding:8px;border-radius:5px;max-width:116px;font-size:10px;background:white}.schedule-footer{padding:16px 18px;display:flex;justify-content:space-between;border-top:1px solid var(--line);gap:12px}.schedule-result{padding:21px}.schedule-result h3{font-size:11px;margin:0 0 16px;color:#596880}.statement-line{display:flex;justify-content:space-between;gap:15px;font-size:11px;line-height:1.6;padding:9px 0;color:#778397}.statement-line b{color:#344059;font-weight:550;white-space:nowrap}.statement-line.total{margin-top:5px;border-top:1px solid #e2e6ed;color:var(--navy);font-weight:600}.statement-line.total b{color:var(--navy)}.statement-line.net{background:#f7f3e7;border:0;margin:9px -10px 0;padding:12px 10px;color:#8a7338;border-radius:5px}.statement-line.net b{color:#8a7338}.divider{border:0;border-top:1px solid var(--line);margin:23px 0}.saved-label{display:flex;align-items:center;gap:5px;font-size:9px;color:#8b95a3}.saved-label .dot{height:5px;width:5px;border-radius:50%;background:#75a994}#toast{position:fixed;bottom:24px;left:calc(50% + 80px);transform:translate(-50%,20px);max-width:calc(100% - 40px);padding:13px 20px;background:var(--navy);color:#fff;border:1px solid #516286;border-radius:8px;box-shadow:0 5px 25px #16254a22;z-index:100;font-size:12px;opacity:0;pointer-events:none;transition:.2s;line-height:1.5}#toast.show{opacity:1;transform:translate(-50%,0)}.mobile-brand{display:none}.wrap{white-space:normal}.amount{text-align:right}.inline-actions{display:flex;gap:9px;align-items:center}.count-note{font-size:10px;color:var(--muted)}.overview-client{display:flex;gap:10px;align-items:center}.mini-avatar{width:29px;height:29px;border-radius:6px;background:#eef1f7;color:#8b96aa;display:grid;place-items:center;font-size:9px;font-weight:600;flex:none}.audience-note{font-size:9px;color:var(--muted);margin-top:6px}.panel+ .panel{margin-top:18px}.hidden{display:none!important}.result-status{padding:12px;background:#edf5f0;color:#377759;font-size:10px;border-radius:6px;margin-bottom:18px}.result-status.error{background:#fff3e4;color:#9a743c}
@media(min-width:1600px){.content{padding-top:45px}.hero{min-height:185px}.hero-copy{padding-top:38px}.hero h2{font-size:33px}.metric{padding:25px}.metric strong{font-size:34px}}
@media(max-width:1200px){.shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{width:210px;padding-left:12px;padding-right:12px}.brand{padding:0 8px;gap:8px}.brand-name{font-size:15px}.brand-name small{font-size:8px;letter-spacing:.8px}.monogram{width:38px;height:38px}.content{padding:29px 26px}.topbar{padding:0 26px}.top-actions{gap:12px}.date{display:none}.two-column{grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);gap:16px}.hero{grid-template-columns:1fr 200px}.hero h2{font-size:25px}.hero-copy{padding:26px}.hero-right{padding:24px}.metric-grid{gap:12px}.metric{padding:18px}.metric-top{font-size:9px}td,th{padding-left:17px;padding-right:17px}.approval-band{padding:20px}.chain{gap:8px}.chain span{font-size:8px}.card-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.two-column{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:minmax(0,1fr) 180px}.hero h2{font-size:23px}.approval-band{flex-direction:column;align-items:flex-start}.approval-band>div:first-child{max-width:none}.due-list{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.due-item:nth-child(3){border-bottom:0}.card-grid{grid-template-columns:1fr 1fr}.page-heading h1{font-size:25px}.persona{border-left:0;padding-left:0}.footer{flex-direction:column;gap:10px}.schedule-layout.two-column{grid-template-columns:1fr}.schedule-result{display:grid;grid-template-columns:1fr 1fr;gap:25px}.schedule-result>.result-status{grid-column:1/-1;margin-bottom:0}.schedule-result hr{display:none}.schedule-result>.info-note{grid-column:1/-1}.schedule-result h3{margin-top:5px}}
@media(max-width:700px){.shell{display:block}.sidebar{position:static;width:auto;padding:17px 20px 0}.brand{padding:0}.brand-name{font-size:16px}.brand-name small{font-size:8px;letter-spacing:1px}.monogram{height:37px;width:37px}.nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow:auto;margin-top:17px;margin-left:-10px;margin-right:-10px;padding:0 10px;gap:4px;scrollbar-width:none}.nav-item{width:auto;flex:none;padding:11px 12px;border-radius:7px 7px 0 0;font-size:10px;margin:0;gap:6px}.nav-item svg{width:15px;height:15px}.nav-item.active{box-shadow:inset 0 -2px var(--gold)}.nav-item .count{display:none}.main{display:block}.prototype-bar{font-size:9px;height:27px}.topbar{height:64px;padding:0 20px}.breadcrumb{font-size:10px;gap:5px}.persona .avatar{display:none}.persona label{font-size:8px}.persona select{font-size:10px;max-width:122px}.content{padding:23px 20px 30px}.page-heading{margin-bottom:20px;align-items:flex-start}.page-heading h1{font-size:24px;margin-top:6px}.page-heading p{font-size:11px}.page-heading>.btn{padding:9px 11px;font-size:10px;margin-top:19px}.page-heading>.btn svg{display:none}.eyebrow{font-size:8px}.hero{grid-template-columns:1fr}.hero-copy{padding:25px}.hero h2{font-size:27px}.hero-right{margin:0 25px 24px;padding:19px 0 0;border-left:0;border-top:1px solid #ffffff15;display:grid;grid-template-columns:30px 1fr auto;gap:12px;align-items:center}.hero-right strong{font-size:25px}.hero-right span{margin:0;font-size:10px}.hero-right button{align-self:center;font-size:10px}.metric-grid{gap:10px;margin-bottom:20px}.metric{padding:16px}.metric strong{font-size:27px;margin:9px 0 6px}.metric-top{font-size:9px}.metric-icon{height:25px;width:25px}.metric-icon svg{width:15px}.metric small{font-size:8px}.panel-header{padding:18px}.panel-header h2{font-size:12px}.panel-header p{font-size:9px}td,th{padding:14px 17px}table{min-width:500px}.due-list{display:block;padding:0 18px}.due-item{padding:16px 0}.due-item:nth-child(3){border-bottom:1px solid #edf0f5}.due-item .cell-title{font-size:11px}.approval-band{margin-top:20px;gap:17px}.chain{gap:6px}.chain b{width:19px;height:19px;font-size:8px}.chain span{gap:4px;font-size:8px}.chain svg{width:10px}.toolbar{gap:10px}.filters{width:100%;gap:8px}.search-wrap{width:100%}.search-wrap input{min-width:0;width:100%}.filters select{flex:1;min-width:120px}.card-grid{grid-template-columns:1fr}.staff-card{padding:22px}.modal-shade{padding:12px;align-items:center}.modal{max-height:calc(100dvh - 24px)}.modal-head{padding:20px}.modal-head h2{font-size:17px}.modal-body{padding:20px}.form-grid{grid-template-columns:1fr;gap:15px}.field.full{grid-column:auto}.detail-grid{grid-template-columns:repeat(2,1fr)}.stepper{gap:5px}.step{font-size:8px}.schedule-result{display:block}.schedule-result h3{margin-top:22px}.schedule-result hr{display:block}.schedule-table{min-width:650px}.footer{font-size:9px}.foot-actions{gap:14px}#toast{left:50%;font-size:11px;width:max-content;max-width:calc(100% - 30px)}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.brand-logo{width:46px;height:46px;border-radius:50%;flex:none;object-fit:cover;border:1px solid #c5a64f66}.text-button svg{width:12px;height:12px;vertical-align:middle}.schedule-result>.result-status svg{width:13px;height:13px;vertical-align:middle}.schedule-result>.result-status{line-height:1.6}
/* Individual account entry and live workspace controls. */
.auth-screen{min-height:100vh;display:grid;grid-template-columns:minmax(340px,46%) minmax(400px,1fr);background:#fff}.auth-story{background:var(--navy);color:#fff;position:relative;padding:52px 60px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.auth-story:after{content:"EC";position:absolute;font:700 480px Georgia,serif;letter-spacing:-70px;color:#ffffff08;bottom:-150px;right:-90px;pointer-events:none;opacity:.25}.auth-brand{display:flex;align-items:center;gap:16px;position:relative;z-index:1}.auth-brand img{width:70px;height:70px;border-radius:50%;border:1px solid #c5a64f80}.auth-brand span{font-size:19px;letter-spacing:4px;font-weight:600;line-height:1.5}.auth-brand small{font-size:11px;letter-spacing:3px}.auth-story-copy{margin:60px 0;position:relative;z-index:1}.auth-story-copy .eyebrow{color:#d2bd7a;font-size:9px}.auth-story-copy h1{font:400 43px/1.2 Georgia,serif;letter-spacing:-.5px;margin:25px 0 23px}.auth-story-copy p{font-size:13px;line-height:1.9;color:#b2c0d8}.auth-tagline{display:block;margin-top:44px;color:#d3ba71;font:italic 17px/1.6 Georgia,serif}.auth-story-footer{font-size:10px;letter-spacing:.4px;color:#8495b3;position:relative;z-index:1}.auth-form-side{padding:60px 40px 27px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:100vh}.auth-form-card{width:100%;max-width:350px;margin:auto}.auth-form-card h2{font-size:30px;letter-spacing:-.8px;font-weight:550;margin:15px 0 9px}.auth-form-card>p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 29px}.auth-form-card form{display:flex;flex-direction:column;gap:18px}.auth-form-card .field{gap:9px}.auth-form-card .field label{font-size:11px}.auth-form-card .field input{padding:13px 14px}.auth-submit{margin-top:4px;width:100%;padding:13px 15px;justify-content:space-between}.auth-switch{display:block;margin:25px auto 0;background:none;color:#998044;font-size:11px;text-align:center}.auth-switch:hover{text-decoration:underline}.auth-security{margin-top:40px;border-top:1px solid var(--line);padding-top:20px;text-align:center;color:#9aa3b0;font-size:9px}.auth-bottom{font-size:9px;color:#9aa3b0;text-align:center;margin-top:45px}.auth-loading{grid-column:1/-1;align-self:center;justify-self:center;color:#7b879a;font-size:13px}.auth-success{padding:12px;background:#edf5f0;border-radius:6px;color:#397a60;font-size:11px;line-height:1.6}.signed-in-name{display:block;font-size:11px;font-weight:600}.signed-in-role{display:block;font-size:9px;color:var(--muted);margin-top:4px}.signout-button{font-size:10px;color:#8d96a6;background:none;margin-left:7px;padding:6px}.signout-button:hover{color:var(--navy)}.invite-intro{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 22px}.role-checkboxes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.role-checkboxes label{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:7px;padding:15px;color:#56637a;font-size:12px;cursor:pointer}.role-checkboxes input{accent-color:var(--navy)}#invite-code{font-family:ui-monospace,monospace;font-size:15px;letter-spacing:.5px;background:#f6f7fa}
@media(max-width:1000px){.auth-story{padding:40px}.auth-story-copy h1{font-size:36px}.auth-screen{grid-template-columns:43% 57%}.auth-brand img{width:58px;height:58px}.auth-brand span{font-size:16px;letter-spacing:3px}.auth-brand small{font-size:9px}}
@media(max-width:700px){.auth-screen{display:block}.auth-story{padding:24px}.auth-brand img{width:47px;height:47px}.auth-brand span{font-size:14px;letter-spacing:3px}.auth-brand small{font-size:8px;letter-spacing:2px}.auth-story-copy{margin:30px 0 0}.auth-story-copy .eyebrow,.auth-story-copy p,.auth-tagline,.auth-story-footer{display:none}.auth-story-copy h1{font-size:28px;line-height:1.25;margin:0 0 4px}.auth-form-side{padding:34px 25px 25px;min-height:0}.auth-form-card{max-width:400px}.auth-form-card h2{font-size:26px}.auth-form-card>p{margin-bottom:24px;font-size:11px}.auth-form-card form{gap:15px}.auth-form-card .field input{padding:12px}.auth-security{margin-top:28px}.auth-bottom{margin-top:25px}.signed-in-name{font-size:10px}.signed-in-role{font-size:8px}.signout-button{font-size:9px;padding:3px;margin-left:0}.role-checkboxes{grid-template-columns:1fr}}

.field textarea{width:100%;padding:10px;border:1px solid #d6dce6;border-radius:6px;font:inherit;resize:vertical}.callout button{margin:5px;padding:7px;cursor:pointer}