@font-face{font-family:Inter;src:url("/assets/inter.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{--bg:#f5f5f6;--panel:#fff;--ink:#27272a;--muted:#626269;--line:#dedee2;--accent:#f47a04;--accent-strong:#e56f00;--accent-soft:#fff3e8;--focus:#9a4700;--shadow:0 2px 8px #17242105;--font-ui:Inter,"Segoe UI",Arial,sans-serif;font-family:var(--font-ui);color:var(--ink);background:var(--bg);font-synthesis:none;line-height:1.5}
*{box-sizing:border-box}body{margin:0;font-size:16px;font-family:var(--font-ui);line-height:1.5}a{color:inherit}button,input,textarea,select{font:inherit}button,a,input,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button,a,input,textarea,summary{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--focus)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.9rem,3vw,2.7rem);line-height:1.17;letter-spacing:-.035em;font-weight:650}h2{font-size:1.2rem;line-height:1.3;letter-spacing:-.02em}h3{font-size:1.5rem;line-height:1.3;letter-spacing:-.025em}.muted,.field-hint{color:var(--muted)}.field-hint{font-size:.875rem;margin:8px 0 22px;line-height:1.55}.small-label,.eyebrow{display:block;color:#67676e;font-size:.75rem;font-weight:700;letter-spacing:.12em;margin:0 0 15px}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:#fff;padding:12px}.skip-link:focus{top:10px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:1.8rem;font-weight:750;letter-spacing:-.07em;line-height:1.1}.brand-mark{font-size:1.5rem;letter-spacing:-.2em;display:flex;justify-content:center;align-items:center;width:43px;height:43px;border:1px solid #ffffff30;border-radius:12px;background:#2c4038;color:white;padding-right:5px}.brand-mark span{color:#f47a04;font-size:1.3rem;align-self:flex-start;margin-top:2px}.brand-label{display:block;font-size:.69rem;font-weight:400;letter-spacing:.025em;margin-top:7px;color:#aabbb4}
.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(420px,46%) 1fr}.auth-story{background:#262628;color:#fff;padding:48px 56px;display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-story .brand{color:#fff}.story-main{margin:auto 0;padding:90px 0}.story-main .eyebrow{color:#d1d1d6;font-size:.8rem;margin-bottom:28px}.story-main h1{font-size:clamp(2.5rem,4vw,4.2rem);line-height:1.08;letter-spacing:-.05em;font-weight:550;margin-bottom:28px}.story-main>p{color:#c7c7cc;font-size:1.1rem;line-height:1.7}.story-apps{border-top:1px solid #ffffff25;margin-top:52px;padding-top:26px;display:flex;gap:24px;flex-wrap:wrap}.story-apps>div{display:flex;align-items:center;gap:10px;font-size:.875rem;color:#eeeeef}.story-apps svg{color:#f47a04}.story-footer{font-size:.8rem;color:#bdbdc4}.auth-form-area{display:flex;align-items:center;justify-content:center;padding:60px 40px;position:relative;background:#fafafa}.auth-card{width:100%;max-width:390px}.auth-card h2{font-size:2.2rem;line-height:1.2;letter-spacing:-.04em;margin-bottom:10px}.auth-card>.muted{margin-bottom:34px}.auth-footer{position:absolute;bottom:25px;color:#626269;font-size:.85rem}.control{display:flex;flex-direction:column;gap:8px;font-size:.875rem;font-weight:600;margin-bottom:22px}.control input{width:100%;min-width:0;min-height:48px;border:1px solid #b9b9c1;border-radius:8px;background:#fff;padding:12px 14px;color:var(--ink);font-size:1rem;font-weight:400;box-shadow:0 1px 2px #17242103}.control input::placeholder{color:#73737b}.control input:focus{border-color:#f47a04}.password-wrap{position:relative;display:block}.password-wrap input{padding-right:74px}.reveal{position:absolute;right:4px;top:4px;bottom:4px;padding:0 10px;border:0;border-radius:5px;background:transparent;color:#52525b;font-size:.8rem;font-weight:600}.reveal:hover{background:#f0f0f2}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:46px;padding:11px 20px;border-radius:8px;border:1px solid transparent;font-weight:600;font-size:.9rem;text-decoration:none;line-height:1.5}.button.primary{background:var(--accent);color:#242426}.button.primary:hover{background:var(--accent-strong)}.button.secondary{background:#fff;border-color:var(--line);color:var(--ink)}.button.secondary:hover{background:#f4f4f5}.wide{width:100%}.help{font-size:.875rem;text-align:center;margin:24px 0}.help summary{cursor:pointer;color:#52525b;list-style:none;text-decoration:underline;text-underline-offset:4px;padding:4px}.help p{color:var(--muted);padding:12px 8px 0}.auth-note{margin-top:40px;padding-top:24px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:8px;font-size:.8rem;color:#626269}.auth-note svg{width:16px;height:16px}
.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#ffffff;color:#27272a;display:flex;flex-direction:column;padding:32px 18px 20px;z-index:10}.sidebar .brand{margin:0 14px 54px}.nav-label{font-size:.65rem;letter-spacing:.12em;color:#71717a;padding:0 14px;margin-bottom:13px;font-weight:600}.sidebar nav{display:flex;flex-direction:column;gap:6px}.nav-link{display:flex;align-items:center;gap:12px;min-height:46px;padding:12px;border-radius:8px;text-decoration:none;color:#52525b;font-size:.875rem}.nav-link svg{flex-shrink:0;width:20px}.nav-link:hover{background:#ffffff09;color:#fff}.nav-link.selected{background:#fff0e1;color:#8c4000}.sidebar-bottom{margin-top:auto;padding-top:40px}.profile{display:flex;align-items:center;gap:10px;text-decoration:none;padding:14px 10px;border-top:1px solid #ffffff16}.profile strong{display:block;font-size:.875rem;max-width:150px;overflow-wrap:anywhere}.profile small{display:block;font-size:.75rem;color:#71717a;margin-top:2px}.avatar{width:36px;height:36px;border-radius:50%;background:#ededf0;color:#3f3f46;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;flex-shrink:0}.logout{display:flex;align-items:center;gap:10px;background:none;border:0;color:#626269;padding:10px;font-size:.8rem;min-height:44px}.logout svg{width:17px}.workspace-body{margin-left:250px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:82px;padding:0 48px;border-bottom:1px solid #e4e4e7;background:#ffffffb8;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.875rem;color:var(--muted)}.topbar strong{color:#3f3f46;font-weight:500;margin-left:5px}.account-link{display:flex;align-items:center;gap:8px;color:#52525b;text-decoration:none;font-size:.8rem;min-height:44px}.account-link svg{width:17px}.main-content{padding:48px;max-width:1400px;width:100%;margin:0 auto;flex:1}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:46px}.page-heading h1{margin:0 0 12px}.page-heading p{margin:0;color:var(--muted)}.date-label{color:#626269;font-size:.8rem;padding-bottom:4px;white-space:nowrap}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px}.section-title h2{margin:0;font-size:1rem}.section-title>span{font-size:.8rem;color:#626269}.app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.app-card{display:flex;flex-direction:column;background:white;border:1px solid var(--line);border-radius:15px;padding:30px;text-decoration:none;min-height:305px;transition:border-color .18s,box-shadow .18s,transform .18s}.app-card:hover{border-color:#e0ac7d;box-shadow:0 10px 30px #1a36230b;transform:translateY(-3px)}.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:30px}.app-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:13px}.app-icon svg{width:27px;height:27px}.app-icon.blue{background:#fff0e1;color:#9a4700}.app-icon.green{background:#fff0e1;color:#9a4700}.badge{display:inline-flex;align-items:center;border:1px solid #e4e4e7;background:#f7f7f8;padding:4px 9px;border-radius:6px;font-size:.7rem;color:#626269;white-space:nowrap;letter-spacing:.01em}.badge.test{background:#fff8e9;border-color:#eee1bf;color:#80621b}.app-card h3{margin-bottom:10px}.app-card p{color:var(--muted);max-width:330px;font-size:.9rem;line-height:1.7;margin-bottom:26px}.card-bottom{margin-top:auto;border-top:1px solid #ededf0;padding-top:19px;display:flex;align-items:center;justify-content:space-between;color:#9a4700;font-size:.85rem;font-weight:600}.card-bottom svg{width:19px}.team-strip{margin-top:32px;border:1px solid #dedee2;border-radius:12px;padding:22px;display:flex;align-items:center;gap:16px;text-decoration:none;background:#ededf0}.strip-icon{display:flex;color:#626269}.team-strip strong{display:block;font-size:.9rem}.team-strip small{display:block;color:var(--muted);font-size:.8rem;margin-top:4px}.strip-action{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:.8rem;font-weight:600;white-space:nowrap}.strip-action svg{width:18px}.footer{padding:25px 48px;display:flex;gap:18px;font-size:.75rem;color:#626269}.footer>span{color:#71717a}.notice{border:1px solid #cfdfd2;background:#fff3e8;border-radius:8px;padding:15px 18px;font-size:.9rem;margin-bottom:24px;color:#315f3e;line-height:1.6}.notice.error{border-color:#ebc5c5;background:#fff2f2;color:#922f2f}.notice.warning{border-color:#e8d9b8;background:#fff9ec;color:#785d23}.panel,.person-card,.invite-box{padding:26px;background:#fff;border:1px solid var(--line);border-radius:12px}.panel h2{margin-bottom:25px}.narrow{max-width:540px}.admin-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;align-items:start}.checks{margin:0 0 22px;border:0;padding:0}.checks legend{font-size:.875rem;font-weight:600;margin-bottom:12px}.checks label{display:flex;align-items:center;gap:10px;min-height:40px;font-size:.875rem}.checks input{width:18px;height:18px;accent-color:var(--accent)}.people-list{display:flex;flex-direction:column;gap:16px}.person-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:18px}.person-head h2{font-size:1rem;margin:0 0 5px}.person-head p{font-size:.8rem;color:var(--muted);margin:0;overflow-wrap:anywhere}.person-actions{display:flex;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:20px;padding-top:10px}.text-button{border:0;background:transparent;min-height:44px;padding:4px 0;font-size:.8rem;font-weight:600;color:#9a4700}.danger{color:#964242}.invite-box{margin-bottom:25px;background:#fff3e8}.invite-box .control{margin-bottom:12px}.invite-box .field-hint{margin-bottom:0}.empty{border:1px dashed var(--line);border-radius:12px;padding:40px;grid-column:1/-1}.simple-header{padding:32px 40px}.simple-header .brand{color:#27272a}.simple-header .brand-label{color:var(--muted)}.activation-card{max-width:480px;margin:50px auto;padding:36px;background:white;border:1px solid var(--line);border-radius:16px}.activation-card h1{font-size:2rem}.activation-card>.muted{margin-bottom:30px}.calc-heading a{display:inline-flex;align-items:center;min-height:40px;font-size:.875rem;color:#52525b;text-decoration:none}.calc-heading{margin-bottom:18px}
@media(min-width:1600px){.main-content{padding-top:60px}.auth-story{padding:60px 80px}}
@media(max-width:1150px){.sidebar{width:220px}.workspace-body{margin-left:220px}.main-content{padding:34px 28px}.topbar{padding:0 28px}.app-card{padding:24px}.app-grid{gap:18px}.admin-layout{grid-template-columns:1fr}.admin-layout>.panel{max-width:none}.strip-action{font-size:0}.strip-action svg{width:22px}.auth-story{padding:38px}.story-apps{flex-direction:column}.story-main h1{font-size:3rem}}
@media(max-width:800px){.auth-layout{grid-template-columns:1fr}.auth-story{padding:28px;min-height:0}.story-main{padding:32px 0 0}.story-main h1{font-size:2rem;margin-bottom:0}.story-main>p,.story-apps,.story-footer,.story-main>.eyebrow{display:none}.auth-form-area{padding:40px 24px 72px;min-height:560px}.auth-card h2{font-size:1.9rem}.sidebar{position:static;width:auto;padding:20px 20px 14px}.sidebar .brand{margin:0 0 22px;font-size:1.4rem}.brand-label{font-size:.65rem}.sidebar .brand-mark{width:36px;height:36px}.sidebar .nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px}.nav-link{padding:8px 10px;min-height:40px;font-size:.8rem}.nav-link svg{width:17px;height:17px}.workspace-body{margin-left:0}.topbar{height:62px;padding:0 22px}.main-content{padding:30px 22px}.page-heading{margin-bottom:32px}.page-heading h1{font-size:2rem}.page-heading .date-label{display:none}.app-grid{grid-template-columns:1fr}.app-card{min-height:260px}.card-top{margin-bottom:22px}.app-card h3{font-size:1.4rem}.app-card p{max-width:none}.footer{padding:25px 22px}.team-strip{padding:18px}.section-title>span{display:none}.activation-card{margin:20px;max-width:none;padding:26px}.simple-header{padding:25px}.person-head{flex-wrap:wrap}.control input{font-size:1rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Metto: a shared visual language for the portal and every embedded app. */
.brand{display:flex;flex-direction:column;align-items:flex-start;gap:9px;letter-spacing:0}
.brand-logo{display:block;width:176px;max-width:100%;height:auto}
.brand-label{margin:0;font-size:.75rem;letter-spacing:.015em;color:var(--muted)}
.sidebar{border-right:1px solid var(--line);padding-top:36px}
.sidebar .brand{margin:0 12px 44px}
.nav-label{font-size:.6875rem}
.nav-link{font-weight:500;border:1px solid transparent}
.nav-link:hover{background:#f4f4f5;color:var(--ink)}
.nav-link.selected{border-color:#f5d5b4;font-weight:600}
.profile{border-top-color:var(--line)}
.logout:hover,.account-link:hover{color:#9a4700}
.topbar{background:#fff;height:72px}
.main-content{padding-top:40px}
.page-heading{margin-bottom:36px}
h1{font-size:clamp(1.85rem,2.7vw,2.3rem);font-weight:650;letter-spacing:-.035em}
h3{font-size:1.3rem;font-weight:600;letter-spacing:-.025em}
.app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.app-card{padding:24px;min-height:290px;border-radius:12px;box-shadow:0 2px 3px #27272a03}
.app-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #27272a08}
.app-icon{width:46px;height:46px;border-radius:10px}
.app-icon svg{width:24px;height:24px}
.card-top{margin-bottom:24px}
.card-bottom{font-size:.8125rem}
.team-strip{background:#fff;border-radius:10px;margin-top:24px}
.panel,.person-card,.invite-box{border-radius:12px}
.control input:focus{border-color:#9a4700}
.reveal:hover{background:#f4f4f5}
.button{gap:10px;font-weight:650;min-height:46px}
.button.primary:hover{color:#242426}
.notice.success{background:#f4f4f5;border-color:#d4d4d8;color:#3f3f46}
.invite-box{background:#fff8f1}
.checks input{accent-color:#9a4700}
.auth-story .brand-logo{width:210px}
.auth-story .brand-label{color:#c7c7cc}
.auth-story{background:#262628}
.story-main{padding:70px 0}
.story-main h1{font-size:clamp(2.5rem,4vw,3.8rem);font-weight:550}
.story-main .eyebrow{color:#f9b77a}
.story-apps svg{color:#f9a659}
.auth-form-area{background:#fafafa}
.auth-card h2{font-weight:650;font-size:2rem}
.simple-header .brand{max-width:210px}
.price-result textarea,.amount-grid strong,input[type=number]{font-variant-numeric:tabular-nums}
select:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
@media(max-width:1200px){.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.sidebar{border-right:0;border-bottom:1px solid var(--line);padding:22px 20px 14px}.sidebar .brand{margin:0 0 22px}.brand-logo{width:154px}.brand-label{font-size:.7rem}.sidebar nav{gap:6px}.nav-link{min-height:44px}.topbar{height:62px}.app-grid{grid-template-columns:1fr}.app-card{min-height:250px}.main-content{padding:28px 20px}.page-heading h1{font-size:1.85rem}.auth-story .brand-logo{width:164px}.story-main{padding:32px 0 0}.story-main h1{font-size:2rem}.auth-story{padding:28px}.footer{flex-wrap:wrap;gap:4px 12px}}

.badge.beta{background:#8c4000;border-color:#8c4000;color:#fff;font-size:.8rem;font-weight:700;padding:6px 11px}