@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
/* The public site is the reference for every Clickmunk surface. */
:root{--studio-display:Manrope,Arial,sans-serif;--studio-body:'DM Sans',Arial,sans-serif;--studio-serif:Georgia,'Times New Roman',serif;--studio-paper:#f5f5f2;--studio-ink:#171918;--studio-muted:#626663;--studio-accent:#e96a3b;--studio-surface:#fafaf8;--studio-surface-soft:#e9ede5;--studio-line:#d9dfd4;--studio-input-line:#d3d6d0;--studio-on-ink:#fff;--studio-forest:#23322a;--studio-peach:#edb08c;--studio-section-title:clamp(42px,5vw,76px);--studio-body-size:clamp(16px,1.4vw,18px);--studio-header:78px;--ink:var(--studio-ink);--paper:var(--studio-paper);--muted:var(--studio-muted);--accent:var(--studio-accent);color-scheme:light}
html[data-theme=dark]{--studio-paper:#101313;--studio-ink:#f4f5f3;--studio-muted:#adb5b1;--studio-accent:#ff9a6d;--studio-surface:#1b2420;--studio-surface-soft:#2c3a30;--studio-line:#3c493e;--studio-input-line:#53615b;--studio-on-ink:#101313;--studio-forest:#171c1b;--ink:var(--studio-ink);--paper:var(--studio-paper);--muted:var(--studio-muted);--accent:var(--studio-accent);color-scheme:dark}
.site-icon{display:inline-block;width:1em;height:1em;flex:none;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.portal-page{--canvas:var(--studio-paper);--surface:var(--studio-surface);--surface2:var(--studio-surface-soft);--forest:var(--studio-forest);--ink:var(--studio-ink);--muted:var(--studio-muted);--peach:var(--studio-peach);--peach-dark:var(--studio-accent);--border:var(--studio-line);font-family:var(--studio-body);-webkit-font-smoothing:antialiased;background:var(--studio-paper);color:var(--studio-ink)}
.portal-page button,.portal-page input,.portal-page textarea,.portal-page select{font-family:var(--studio-body)}
.portal-page h1,.portal-page h2,.portal-page h3{font-family:var(--studio-display);font-weight:750;letter-spacing:-.055em}
.portal-page .login-intro h1 em,.portal-page .login-card h2 em,.portal-page .page-intro h1 em,.portal-page .side-art em{font-family:var(--studio-serif);font-weight:400;letter-spacing:-.06em;color:var(--studio-accent)}
.portal-page .login-intro h1{font-size:clamp(54px,5.6vw,92px);line-height:1.05}.portal-page .page-intro h1{font-size:clamp(43px,5vw,76px);line-height:1.1}.portal-page .login-card h2{font-size:clamp(44px,4vw,68px);line-height:1.05}
.portal-page .login-intro>p{font-size:var(--studio-body-size);line-height:1.65}.portal-page .page-intro>p{font-size:16px;line-height:1.65}.portal-page .login-card>p{font-size:14px;line-height:1.65}
.portal-page .portal-brand{font:800 25px var(--studio-display);letter-spacing:-1.5px}.portal-page .portal-brand img{width:41px;height:41px;margin-right:7px}.portal-page .portal-brand b{color:var(--studio-accent)}.portal-page .portal-brand .brand-word:hover{color:var(--studio-accent)}
.portal-page .login-header,.portal-page .portal-top{height:var(--studio-header);min-height:var(--studio-header);padding-block:0;background:#f5f5f2df;border-color:#17191812;backdrop-filter:blur(18px)}.portal-page .side-brand{height:var(--studio-header);display:flex;align-items:center;padding-block:0}.portal-page .portal-side{background:#171c1b}
.portal-page .login-page{background:radial-gradient(circle at 76% 42%,#edb08c26,transparent 42%),var(--studio-paper)}.portal-page .login-card,.portal-page .form-panel{border-radius:19px;border-color:var(--studio-line);background:var(--studio-surface)}
.portal-page .eyebrow,.portal-page .panel-kicker,.portal-page .small-label,.portal-page .card-top{font-family:var(--studio-body);font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--studio-accent)}
.portal-page .login-submit,.portal-page .solid-button,.portal-page .quick-panel button{border:1px solid var(--studio-ink);background:var(--studio-ink);color:var(--studio-on-ink);border-radius:100px;font-family:var(--studio-body);font-size:13px;font-weight:700;box-shadow:none;transition:transform .3s,background .3s,color .3s}.portal-page .solid-button{padding:15px 21px}.portal-page .login-submit:hover,.portal-page .solid-button:hover,.portal-page .quick-panel button:hover{background:var(--studio-accent);border-color:var(--studio-accent);color:#171918;filter:none;transform:translateY(-3px)}.portal-page .login-submit span{background:var(--studio-peach);color:#23322a}
.portal-page .login-form input,.portal-page .portal-form input,.portal-page .portal-form select,.portal-page .portal-form textarea{border-radius:8px;padding:13px;border-color:var(--studio-input-line);font-size:12px;background:var(--studio-paper);color:var(--studio-ink)}.portal-page .login-form input:focus,.portal-page .portal-form input:focus,.portal-page .portal-form select:focus,.portal-page .portal-form textarea:focus{outline:2px solid var(--studio-accent);outline-offset:1px;border-color:var(--studio-accent)}
.portal-page .login-form .password-wrap input{padding-right:67px}.portal-page .password-wrap button{padding:8px}.portal-page .status-feature{background:radial-gradient(ellipse at 100% 100%,#5b4638,transparent 70%),#23322a}.portal-page .status-feature h2{color:#f5f5ef}.portal-page .status-feature h2 span{color:var(--studio-peach)}
.portal-page .side-link.active{background:#e0a1811a;color:#f0ae89}.portal-page .side-art{background:radial-gradient(ellipse at 100% 100%,#5b463855,transparent 70%),#23322a}.portal-page .portal-flash button{display:grid;place-items:center;padding:6px;flex:none}.portal-page .portal-flash button .site-icon{width:16px;height:16px}.portal-page .portal-footer a,.portal-page .login-footer a{display:inline-flex;align-items:center;gap:7px}.portal-page .approved-mark{display:inline-flex;align-items:center;gap:7px}.portal-page .panel-arrow .site-icon{width:42px;height:42px}.portal-page .preview-role{color:var(--studio-muted)}
html[data-theme=dark] .portal-page .login-header,html[data-theme=dark] .portal-page .portal-top{background:#171c1be8;border-color:var(--studio-line)}html[data-theme=dark] .portal-page .login-page{background:radial-gradient(circle at 76% 42%,#633f3555,transparent 38%),var(--studio-paper)}html[data-theme=dark] .portal-page .status-feature{background:radial-gradient(ellipse at 100% 100%,#584036,transparent 75%),#2c3a30}html[data-theme=dark] .portal-page .portal-side{background:#101313}
@media(max-width:700px){:root{--studio-header:66px;--studio-section-title:clamp(42px,10vw,60px);--studio-body-size:16px}.portal-page .portal-brand,.portal-page .top-brand .portal-brand{font-size:22px}.portal-page .portal-brand img,.portal-page .top-brand .portal-brand img{width:36px;height:36px}.portal-page .login-intro h1{font-size:clamp(49px,11vw,72px)}.portal-page .page-intro h1{font-size:clamp(42px,10vw,60px)}.portal-page .login-card h2{font-size:47px}.portal-page .portal-footer a .site-icon,.portal-page .login-footer a .site-icon{width:13px;height:13px}.portal-page .side-brand{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){.portal-page .login-submit,.portal-page .solid-button,.portal-page .quick-panel button{transition:none;transform:none}}
.portal-page .page-intro h1,.portal-page .ticket-title strong,.portal-page .client-list-text strong{overflow-wrap:anywhere}.portal-page .client-list-text{min-width:0}.portal-page .client-list-stage{max-width:42%;text-align:right;line-height:1.4}
@media(max-width:700px){.portal-page .project-switch{flex-wrap:wrap;gap:8px}.portal-page .project-switch select{flex:1 1 180px;max-width:100%;width:100%;min-width:0}}

.portal-page .form-field,.portal-page .login-form>label{font-weight:600}
@media(max-width:700px){.portal-page .login-header{padding-inline:19px}}
@media(max-width:380px){.portal-page .studio-back span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}}