/* Vollformat brand, adapted from vollform.at. Fonts are served by this application. */
@font-face{font-family:"Euclid Circular B";src:url("fonts/euclid-circular-b-light.woff2") format("woff2");font-style:normal;font-weight:300 400;font-display:swap}
@font-face{font-family:"Euclid Circular B";src:url("fonts/euclid-circular-b-medium.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Euclid Circular B";src:url("fonts/euclid-circular-b-semibold.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"Euclid Circular B";src:url("fonts/euclid-circular-b-bold.woff2") format("woff2");font-style:normal;font-weight:700 900;font-display:swap}
:root{color-scheme:dark;--ink:#fbfbfb;--muted:#b2b2b8;--paper:#000;--line:#303034;--teal:#f2055c;--accent:#f2055c;--white:#101012;--radius:3px;--pink:#f2055c;--surface:#101012;--field:#17171a;--brand-gradient:linear-gradient(110deg,#ef3970 0%,#aa5db0 48%,#389edf 100%);font-family:"Euclid Circular B",Arial,sans-serif;font-weight:400}
body{background:var(--paper);color:var(--ink);font-size:15px}h1,h2,h3{font-weight:500;letter-spacing:-.6px}h1{font-size:44px;line-height:1.14}h2{font-size:27px}h3{font-size:21px}strong{font-weight:600}.muted,.quiet,.field-hint{color:var(--muted)}
.wordmark-lockup{display:inline-flex;flex-direction:column;align-items:flex-start;gap:8px}.wordmark{font-family:"Euclid Circular B",Arial,sans-serif;font-weight:600;font-size:32px;letter-spacing:1px;line-height:1;color:#fff}.wordmark-lockup .brand-sub{font-size:8px;font-weight:500;letter-spacing:1.5px;color:#b2b2b8;margin:0}.brand,.guest-brand{gap:0}.sidebar .brand{margin-bottom:38px}.sidebar .brand-sub{font-size:8px;letter-spacing:1.5px}
.sidebar{background:#08080a;border-right:1px solid #252529;padding-top:34px}.nav-label{color:#929297;letter-spacing:1.6px}.nav-link{border-radius:2px;color:#d3d3d7;font-weight:400;border-left:2px solid transparent}.nav-link.active{background:#29121d;color:white;border-left-color:var(--pink);font-weight:500}.nav-link.active:hover{background:#391527}.nav-link:not(.unavailable):hover{background:#202023;color:white}.nav-link.active:not(.unavailable):hover{background:#391527}.unavailable{color:#919197}.profile-link{border-color:var(--line)}.profile-link small{color:#aaaab0}.avatar{background:#29121d;color:#ff9cbc}.logout{color:#b2b2b8}.logout:hover{color:white}
.topbar{background:#08080a;border-color:var(--line);color:#e4e4e8}.breadcrumb{color:#aaaab0}.secure-label{color:#aaaab0}.status-dot{background:#ee4b82}.main-content{padding-top:42px}.page-heading .eyebrow,.guest-intro .eyebrow{color:#ff80ab;font-weight:500}.eyebrow{letter-spacing:1.8px}.date-badge{color:#c0c0c5;border-radius:2px;background:#101012}.page-heading .muted{color:var(--muted)}.back-link{color:#c3c3c8}.back-link:hover,.record-link:hover{color:#ff80ab}.app-footer{color:#93939a;border-color:var(--line)}
.button{border-radius:3px;background:#222226;border:1px solid #3d3d43;color:#fbfbfb;font-weight:500;transition:background .12s,border-color .12s}.button:hover{background:#303035;border-color:#66666e}.button.primary,.button.light{background:#dc0453;border-color:var(--pink);color:white}.button.primary:hover,.button.light:hover{background:#cf034e;border-color:#cf034e}.button:disabled{opacity:.5;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.table-scroll:focus-visible,summary:focus-visible{outline:2px solid #ff85b0;outline-offset:4px}.skip{background:white;color:black}
.content-card,.feature-card,.guest-card{background:var(--surface);border:1px solid var(--line);border-radius:3px;box-shadow:none}.feature-card .step{color:#ff80ab}.future-label{color:#babac1;border-color:var(--line)}.content-card h2{font-weight:500}.settings-list dt{color:var(--muted)}.related-link,.form-actions{border-color:var(--line)}
.stack input,.filter-bar input,.filter-bar select,.core-form select,.core-form textarea,.stack>select{background:var(--field);border:1px solid #424249;color:var(--ink);border-radius:3px;font-weight:400}.stack input:focus,.filter-bar input:focus,.filter-bar select:focus,.core-form select:focus,.core-form textarea:focus{background:#202024;border-color:#e46493}.stack input::placeholder,.filter-bar input::placeholder,.core-form textarea::placeholder{color:#90909a;opacity:1}.stack label,.filter-bar label{font-weight:500}.core-form input:disabled,.core-form select:disabled,.core-form textarea:disabled{color:#b3b3bc;background:#151518}.core-form input[type=checkbox]{accent-color:var(--pink)}input[type=date],input[type=datetime-local]{color-scheme:dark}select option{background:#17171a;color:#fbfbfb}.field-error,.overdue{color:#ff9d92}
.data-table th{background:#17171a;color:#cacacf;font-weight:500}.data-table td,.data-table th{border-color:var(--line)}.data-table tbody tr:hover>td{background:#19191e}.data-table tbody tr:hover>th{background:#19191e}.data-table .record-sub{color:#b4b4bb}.state-tag{background:#27272e;color:#e5e5ea;border-radius:3px}.data-table td{color:#efeff3}.project-time-matrix .project-total>th,.project-time-matrix .project-total>td{background:#28141e;color:#fff;border-color:#77334f}.project-time-matrix .project-total small{color:#d5abbc}.project-time-matrix tbody tr:not(.project-total)>th{background:var(--surface);color:#d7d7dd}.project-time-matrix tbody tr.project-total:hover>td,.project-time-matrix tbody tr.project-total:hover>th{background:#361b29}
.effort-strip>div{background:#151317;border:1px solid #45303e;border-radius:3px;border-top:2px solid #b63a71}.effort-strip span{color:#bfbfc6}.effort-strip strong{color:white;font-weight:500;font-variant-numeric:tabular-nums}.summary-grid dd{color:#fafafa;font-variant-numeric:tabular-nums}.summary-grid dt{color:#bdbdc4}.notice{border-radius:3px}.notice.success{background:#14291f;color:#a9e7c2;border:1px solid #315542}.notice.error{background:#321820;color:#ffc0bf;border:1px solid #72313e}.mfa-secret{background:#201720;border:1px solid #654054;color:#ffb1d1;border-radius:3px}.quote-line{border-color:#38383f;border-radius:3px}.line-actions button{background:#222226;color:white;border:1px solid #484850;border-radius:3px}.line-actions button:hover{background:#3b2431}.line-actions button:disabled{opacity:.45}.line-total{color:#ffb1d1}
.welcome-panel{background:#08080a;border:1px solid #333038;border-radius:3px;padding:38px;position:relative;grid-template-columns:1.4fr 1fr;gap:45px}.welcome-panel:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--brand-gradient)}.welcome-panel h2{font-size:34px;font-weight:500}.welcome-panel p{color:#bebec5}.welcome-panel .pill{border-color:#79354f;color:#ffb0cd;background:#24111a;border-radius:3px}.brand-statement{display:flex;flex-direction:column;justify-content:center;gap:3px;font-size:clamp(30px,3vw,44px);line-height:1.15;font-weight:500;letter-spacing:-1px}.brand-statement span,.guest-intro h1{color:#f291be;background:var(--brand-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-statement small{font-size:8px;letter-spacing:2px;color:#8f8f9a;margin-top:24px;font-weight:400}.frame-art{display:none}
.guest-page{background:#000}.guest-brand{padding-top:42px}.guest-brand .wordmark{font-size:39px}.guest-grid{gap:8vw;max-width:1160px}.guest-intro h1{font-size:clamp(42px,4.8vw,68px);font-weight:500;letter-spacing:-1.4px;line-height:1.12}.guest-card{padding:38px}.guest-card h2{font-weight:500;font-size:30px}.intro-copy{color:#d3d3d9;font-size:19px;line-height:1.6}.intro-line{background:var(--brand-gradient);height:2px;width:92px}.guest-footer{border-color:var(--line);color:#97979f}.guest-footer span{max-width:70%}.error-page{background:#000}.error-page .wordmark{font-size:32px}.error-page .guest-card{width:100%}.menu-toggle{background:#17171a;color:#fff;border-color:#494950;border-radius:3px}.topbar{gap:12px}.topbar>span:first-child{min-width:0}
@media(max-width:1050px){.sidebar .wordmark{font-size:28px}.welcome-panel{gap:25px;padding:29px}.brand-statement{font-size:31px}.guest-card{padding:28px}}
@media(max-width:760px){h1,.page-heading h1{font-size:34px}.guest-brand .wordmark{font-size:33px}.guest-brand{padding-top:28px}.guest-intro h1{font-size:42px}.brand-statement{display:none}.welcome-panel{grid-template-columns:1fr;padding:27px}.welcome-panel h2{font-size:30px}.main-content{padding:30px 22px}.topbar{padding-right:88px;font-size:11px}.breadcrumb{margin-left:5px}.menu-open .sidebar{box-shadow:20px 0 70px #000b}.sidebar .wordmark{font-size:32px}.guest-grid{gap:30px}.guest-card{padding:25px}.guest-footer{font-size:10px}}
@media(max-width:760px){.filter-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.filter-bar>label{width:auto;min-width:0;max-width:none}.filter-bar input,.filter-bar select{width:100%;min-width:0}.filter-bar>.button{align-self:end}}
@media(prefers-reduced-motion:reduce){.button{transition:none}}
@media print{body,.content-card,.data-table th,.data-table td{background:white!important;color:black!important}.sidebar,.topbar,.app-footer,.menu-toggle{display:none}.workspace{margin:0}.main-content{padding:0}.table-scroll{overflow:visible}}