:root{--green:#25653e;--green-dark:#194c30;--lime:#d9efb2;--ink:#203e2c;--muted:#70816f;--bg:#f4f7f2;--line:#e3ebe0;--sidebar:248px;font-family:'Segoe UI',system-ui,-apple-system,BlinkMacSystemFont,sans-serif}
body{background:radial-gradient(ellipse at 94% 1%,#dfebda65,transparent 43%),var(--bg)}
.company-logo{display:block;object-fit:contain;height:auto;max-width:100%;border-radius:0;filter:none;mix-blend-mode:normal;flex-shrink:0}
.loading-logo{width:130px;height:auto;margin:0 auto 12px;object-fit:contain}.loading p{font-size:13px;letter-spacing:.2px}
.sidebar{background:#fbfcf9;padding:22px 17px 16px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d3e1ca transparent}
.brand.company-brand{padding:0 3px;gap:11px;letter-spacing:normal;align-items:center;min-height:88px;flex-shrink:0}
.company-brand .company-logo{width:70px;height:auto}.company-name{display:flex;flex-direction:column;gap:4px;line-height:1.2;min-width:0;letter-spacing:0}.company-name strong{font-size:23px;font-weight:750;letter-spacing:-.7px;color:#1a5631}.company-name small{font-size:10.5px;font-weight:550;color:#618750;letter-spacing:.05px}
.workspace{margin-top:20px;margin-bottom:23px;border-radius:10px;border-color:#e2eadb;box-shadow:0 3px 12px #294f3503;transition:background .2s,border-color .2s}.workspace:hover{background:#f4f8ed;border-color:#c5d7b4}.workspace strong{font-size:11px}.workspace small{font-size:9px;white-space:nowrap;color:#788d6c}.workspace-icon{background:#edf3e7;color:#6e9258}
.nav-label{font-size:9px;letter-spacing:1.6px;color:#8d9f7b}.nav{gap:5px}.nav a{padding:11px 13px;border-radius:9px;transition:background .18s,color .18s,transform .18s}.nav a:hover{transform:translateX(3px);background:#eef4e6}.nav a.active{background:#e6f0dc;color:#235b35}.nav a.active:before{left:-17px;background:#4c8a45;width:3px;height:20px}.nav a.active .icon{color:#4a7a3c}
.sidebar-bottom{padding-top:22px}.team-callout{border-radius:11px;background:linear-gradient(145deg,#f0f6e8,#eaf2df);padding:14px}.team-callout p{color:#81936e;font-size:10px}.team-callout strong{color:#557340}.sidebar-footer-link{font-size:11px;transition:color .18s}.sidebar-footer-link:hover{color:#285e32}.side-account{padding-top:16px}.side-account strong{font-size:12px}.side-account .avatar{outline:3px solid #eef3e7;outline-offset:1px}
.topbar{height:79px;background:#fdfefaee;backdrop-filter:blur(18px)}.breadcrumb{font-size:12px;color:#8d9e80;gap:11px}.breadcrumb strong{font-weight:600;color:#526d42}.mobile-brand-logo{display:none}.searchbox{background:#f5f8f0;border:1px solid #e7eddf;border-radius:9px;padding:8px 10px;gap:8px}.searchbox input{width:153px;font-size:12px}.searchbox .key{background:white}.top-tools{gap:17px}.top-avatar{width:33px;height:33px;background:#e9f0dd;outline:3px solid #f2f6eb;outline-offset:2px;color:#50703a}
.main{padding-top:35px;padding-bottom:28px;animation:portal-enter .4s ease both}.page-heading{margin-bottom:28px}.page-heading .eyebrow{color:#799268;letter-spacing:.15px;font-size:12px;margin-bottom:9px}.page-heading h1{font-size:32px;letter-spacing:-1.25px;font-weight:730;color:#244a2d}.page-heading p{font-size:12px;line-height:1.7;color:#7d9071}.heading-actions{gap:11px}
.button{border-radius:9px;padding:10px 14px;font-size:12px;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}.button:not(:disabled):active{transform:scale(.97)}.button.primary{background:linear-gradient(135deg,#2e7244,#205d36);border-color:#2a683e;box-shadow:0 4px 10px #2f633319}.button.primary:hover{box-shadow:0 6px 18px #2f63332a;background:linear-gradient(135deg,#367d4b,#246239);transform:translateY(-1px)}.button.lime{background:#d8edab;border-color:#d8edab;box-shadow:0 3px 16px #c2df7920}.button.lime:hover{background:#e1f3bc;box-shadow:0 5px 22px #d8edab25;transform:translateY(-1px)}.button.plain{font-size:11px}.icon-button{transition:background .18s,color .18s,transform .18s}.icon-button:active{transform:scale(.93)}
.stats{gap:18px;margin-bottom:25px}.stat{border-radius:14px;padding:21px 21px 18px;border-color:#e5ebdf;box-shadow:0 4px 18px #25422203;transition:transform .22s,box-shadow .22s,border-color .22s;animation:portal-enter .45s both}.stat:nth-child(2){animation-delay:.045s}.stat:nth-child(3){animation-delay:.09s}.stat:nth-child(4){animation-delay:.135s}.stat:hover{transform:translateY(-3px);box-shadow:0 9px 23px #315b3010;border-color:#ccdcc0}.stat-top{font-size:12px;color:#6e8761}.stat-icon{width:31px;height:31px;border-radius:9px;background:#f0f6e9;color:#80a063}.stat-value{font-size:33px;margin:9px 0 8px;font-weight:650;letter-spacing:-1.1px}.stat-value small{font-size:12px;letter-spacing:0;color:#7a9467}.stat-foot{font-size:10px;color:#8a9d79}.stat.highlight{background:linear-gradient(120deg,#edf5df,#f0f6e7);border-color:#e2ebd5}.stat.highlight .stat-icon{background:#e2eccf;color:#668848}.live-dot{box-shadow:0 0 0 3px #88ac6720;background:#6b9b51}
.card{border-radius:14px;border-color:#e3ebdc;box-shadow:0 4px 20px #264c2203}.card-heading{padding:21px 22px 18px}.card-heading h2{font-size:15px;font-weight:680;color:#385b2e;letter-spacing:-.25px}.card-heading p{font-size:11px;color:#8d9e7d;line-height:1.6;margin-top:6px}.card-heading .subtle-icon{color:#99ad85}.segmented{border-color:#e4ecdb;background:#f9fbf5;border-radius:8px}.segmented button{font-size:10px;padding:6px 11px;border-radius:5px;transition:background .18s,color .18s}.segmented button.active{background:#e4efd6;color:#597b3e}.card-footer{padding:15px 21px;color:#819b6b;transition:background .2s,color .2s}.card-footer:hover{background:#f8fbf2;color:#426d2d}.card-footer .icon{transition:transform .2s}.card-footer:hover .icon{transform:translateX(3px)}
.planning-toolbar{padding:0 22px 18px}.date-nav{font-size:11px;color:#7f966a}.timeline-head{background:#f9fbf4;border-color:#edf1e6}.timeline-head>span,.time-ruler{font-size:9px;color:#8da37b}.timeline-row{height:66px}.timeline-person{padding-left:21px}.timeline-person strong{font-size:10px;color:#4d6b3a}.timeline-person small{font-size:8px;color:#8c9e7c}.assignment-bar{border-radius:6px;background:#e8f0dc;color:#749354;border-color:#a9c988;padding:7px 9px;font-size:9px;transition:background .2s,box-shadow .2s,transform .2s}.assignment-bar:hover{background:#dfedcc;box-shadow:0 3px 8px #70964d12;transform:translateY(-1px);filter:none}.assignment-bar.blue{background:#e7eff0;color:#739196;border-color:#a4c3c8}.assignment-bar.blue:hover{background:#dcebee}
.timer-card{background:radial-gradient(ellipse at 90% 1%,#51834450,transparent 60%),linear-gradient(145deg,#245b35,#174a2c);border:1px solid #275d35;border-radius:15px;box-shadow:0 6px 22px #1c4a2917;padding:23px;isolation:isolate;transition:box-shadow .25s}.timer-card:hover{box-shadow:0 10px 28px #1c4a2925}.timer-card:before{width:300px;height:300px;right:-175px;top:-30px;border-color:#d5efb013;box-shadow:0 0 0 29px #d5efb004,0 0 0 62px #d5efb003}.timer-card:after{width:125px;height:125px;right:-20px;top:150px;border-color:#d5efb00d}.timer-heading{font-size:13px}.timer-heading .icon{color:#b4ce9f}.timer-person{font-size:10px;color:#acc49d}.timer-label{padding:6px 9px;font-size:9px;background:#d5efb00a;border-color:#c4dea91e;border-radius:6px}.timer-label .live-dot{box-shadow:0 0 0 3px #c4dea910}.timer-value{font-size:43px;letter-spacing:1.1px;font-weight:550;color:#f6faed}.timer-meta{border-color:#d5efb020}.timer-meta b{color:#d7e8c6}.timer-controls{gap:9px}.timer-controls .button{font-size:11px;padding:11px 9px}.timer-controls .button.secondary{color:#d5e5c6;border-color:#d5efb028}.timer-controls .button.secondary:not(:disabled):hover{background:#d5efb010}.timer-display small{font-size:10px}.timer-display{padding-top:28px;padding-bottom:25px}
th{background:#f8fbf2;color:#8c9d79;padding-top:12px;padding-bottom:12px;font-size:9px}td{padding-top:13px;padding-bottom:13px;font-size:11px;color:#6f8560}.person-cell strong{color:#4f6b3b}.person-cell small{color:#91a07f}.badge{padding:5px 7px;border-radius:5px;font-size:9px}.badge.working,.badge.aktiv{background:#edf5e3;color:#739951}.badge.pause{background:#faf5e7;color:#ad9552}.badge.offline{background:#f1f4ec;color:#99a587}.badge.erledigt{background:#edf4e5;color:#7e9961}.badge.geplant{background:#ebf2f3;color:#86a0a5}.activity-icon{box-shadow:0 0 0 3px #f9fcf4}.activity-item strong{font-size:11px;color:#68834f}.activity-item p{font-size:10px;color:#8e9e7c}.activity-item time{font-size:9px;color:#9ead8b}
.job-card,.employee-card{border-radius:14px;transition:transform .22s,box-shadow .22s,border-color .22s;animation:portal-enter .35s both}.job-card:hover,.employee-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #3657280e;border-color:#c9dbb8}.job-card h3{font-size:17px;color:#395d2a}.job-kind{font-size:11px}.employee-card h3{font-size:15px;color:#4a6b36}.employee-card>.avatar{outline:5px solid #f7faf1;outline-offset:3px}.control{border-radius:8px;height:38px;color:#6b8655;border-color:#dfe9d5}.form-field input,.form-field select,.form-field textarea{border-radius:8px;padding:11px 12px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:2px solid #bcd79c;border-color:#bcd79c}.modal{border-radius:16px;animation:modal-appear .22s cubic-bezier(.2,.7,.3,1) both}.modal-backdrop{background:#173b295c;backdrop-filter:blur(5px)}.modal-header h2{font-weight:680;color:#365b2b}.workspace-about{display:flex;gap:25px;align-items:center;margin-bottom:25px}.workspace-about .company-logo{width:115px}.workspace-about p{font-size:12px;line-height:1.8;color:#82966f}.notice{border-radius:10px;background:#eef6e1;color:#79965c;border-color:#deebcc}
.page-footer{font-size:9px;color:#9aaa88;margin-top:27px;line-height:1.7}.footer-brand{font-size:10px;font-weight:600;letter-spacing:0;color:#829d69}.footer-motto{font-size:9px}.auth{background:#fbfcf8}.auth-story{background:radial-gradient(ellipse at 10% 90%,#d8e8c5,transparent 65%),linear-gradient(145deg,#edf4e5,#f5f7ee);color:#244f2f;padding:45px 60px;justify-content:center;align-items:center}.auth-story:after{border-color:#6a904e14;box-shadow:0 0 0 80px #63934803,0 0 0 160px #63934803;pointer-events:none}.auth-logo-wrap{position:relative;z-index:1}.auth-story .auth-logo{width:220px;height:auto}.auth-copy{position:relative;z-index:1;text-align:center}.auth-copy .auth-kicker{font-size:10px;color:#92a27f;text-transform:uppercase;letter-spacing:2px;margin:32px 0 13px}.auth-story h1{font-family:'Segoe UI',system-ui,sans-serif;font-size:37px;line-height:1.25;letter-spacing:-1.3px;font-weight:650;max-width:none;margin:0 0 18px}.auth-story h1 span{color:#659147}.auth-copy>p:last-child{color:#859a71;font-size:12px;line-height:1.9;margin:0}.auth-story footer{color:#8c9f76;font-size:10px;padding-top:34px;display:flex;gap:7px;align-items:center;z-index:1}.auth-story footer .icon{color:#6d9b4d}.auth-form-wrap{padding:46px;position:relative}.auth-form{max-width:355px;animation:portal-enter .55s both}.auth-form h2{font-size:29px;font-weight:650;letter-spacing:-1px;line-height:1.3;margin-top:12px}.auth-form>p{font-size:12px;color:#8c9a7d;line-height:1.8}.auth-form .form-field{font-size:11px;color:#748c62;margin-bottom:18px}.auth-form .form-field input{background:#fff;min-height:44px;border-color:#dde7d2}.auth-intro-line{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.portal-label{font-size:10px;font-weight:600;letter-spacing:1.8px;text-transform:uppercase;color:#92a780}.auth-form .button.primary{padding:13px;font-size:12px}.demo-role{border-color:#e0e9d5;border-radius:9px;padding:12px 14px;transition:transform .18s,border-color .18s,background .18s}.demo-role:hover{transform:translateX(3px);background:#f2f7e9}.demo-role strong{font-size:12px}.demo-role small{font-size:10px}.auth-mobile-brand{display:none}.auth-note{font-size:10px;line-height:1.8;color:#9baa8a}#toast{border-radius:10px;box-shadow:0 10px 35px #1b4b2925}
@keyframes portal-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
.copyright{display:block;margin-top:5px;font-size:10px;font-weight:400;letter-spacing:0;color:#718463}.auth-copyright{margin:25px 0 0;padding-top:17px;border-top:1px solid #e3ebdc;font-size:10px;color:#718463;line-height:1.7}
@keyframes modal-appear{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:1450px){.main{padding-top:39px}.timeline-row{height:71px}.page-heading h1{font-size:35px}.timer-value{font-size:47px}.timer-display{padding-top:34px}.stat{min-height:141px}.card-heading h2{font-size:16px}}
@media(max-width:1180px){:root{--sidebar:220px}.sidebar{padding:20px 13px 16px}.company-brand .company-logo{width:62px}.company-name strong{font-size:21px}.company-name small{font-size:9px}.brand.company-brand{gap:9px}.workspace{margin-left:0;margin-right:0}.nav a{font-size:12px;padding:11px 12px}.nav a.active:before{left:-13px}.stat{padding:17px}.stat-top{font-size:11px}.stat-value{font-size:30px}.card-heading{padding:19px 18px 16px}.page-heading h1{font-size:30px}.timer-card{padding:20px}.timer-value{font-size:38px}.timer-controls .button{font-size:10px}.card-heading p{font-size:10px}.searchbox input{width:130px}.auth-story{padding:40px}.auth-story h1{font-size:32px}.auth-story .auth-logo{width:195px}}
@media(max-width:1000px){.stat-top{font-size:10px}.stat-foot{font-size:9px}.heading-actions .button{font-size:11px}.timer-card{padding:20px 17px}.timer-value{font-size:35px}.timer-controls{gap:6px}.timer-controls .button{font-size:9px}.card-heading h2{font-size:14px}.card-heading p{font-size:9px}.page-heading p{font-size:11px}.assignment-bar{font-size:8px}.footer-motto{display:none}.auth-story .auth-logo{width:185px}.auth-story h1{font-size:29px}.auth-copy .auth-kicker{font-size:9px}}
@media(max-width:800px){:root{--sidebar:0px}.sidebar{width:246px}.company-brand .company-logo{width:72px}.company-name strong{font-size:24px}.company-name small{font-size:11px}.sidebar .workspace{margin:20px 4px 23px}.nav a{font-size:13px}.main{padding-top:26px}.topbar{height:67px;padding-left:13px;padding-right:16px}.breadcrumb{gap:7px;font-size:11px}.breadcrumb>.mobile-brand-logo{display:block;width:27px;height:auto;margin-right:3px}.breadcrumb>.icon{display:none}.top-tools{gap:11px}.searchbox{padding:7px 8px}.searchbox input{width:110px}.stat-top{font-size:11px}.stat{padding:17px}.timer-card{padding:22px}.timer-value{font-size:39px}.timer-controls .button{font-size:10px}.page-heading h1{font-size:29px}.auth-mobile-brand{display:flex;align-items:center;gap:14px;margin-bottom:35px}.auth-mobile-brand .company-logo{width:75px}.auth-mobile-brand .company-name strong{font-size:27px}.auth-mobile-brand .company-name small{font-size:12px}.auth-form h2{font-size:28px}.auth-form-wrap{padding:40px 30px}.auth-story{display:none}.auth-form{max-width:365px}.page-footer{font-size:8px}}
@media(max-width:620px){.topbar{padding:0 10px;height:67px}.breadcrumb{gap:3px;font-size:10px}.mobile-menu{margin-right:4px}.breadcrumb>.mobile-brand-logo{width:24px;margin-right:5px}.searchbox{padding:7px 6px;gap:4px}.searchbox input{width:67px;font-size:10px}.searchbox .icon{width:13px}.top-tools{gap:5px}.topbar .top-avatar{width:27px;height:27px;outline-width:2px;font-size:9px}.topbar .icon-button .icon{width:17px}.main{padding:25px 15px}.page-heading{gap:13px;margin-bottom:23px}.page-heading h1{font-size:27px;letter-spacing:-.95px}.page-heading .eyebrow{font-size:10px;line-height:1.7;margin-bottom:7px}.page-heading p{font-size:11px;line-height:1.7}.heading-actions .button{font-size:10px;padding:9px 10px}.stats{gap:11px;margin-bottom:19px}.stat{padding:17px 15px;min-height:125px;border-radius:12px}.stat-value{font-size:29px;margin:9px 0}.stat-value small{font-size:11px}.stat-icon{width:27px;height:27px}.stat-top{font-size:10px}.stat-foot{font-size:9px}.content-row,.bottom-row{gap:19px}.card{border-radius:13px}.card-heading{padding:20px 18px 17px}.card-heading h2{font-size:14px}.card-heading p{font-size:9px}.planning-toolbar{padding:0 18px 18px}.planning-toolbar .legend{font-size:8px;gap:8px}.timer-card{padding:24px;border-radius:14px}.timer-heading{font-size:14px}.timer-person{font-size:11px}.timer-display{padding:23px 0 24px}.timer-value{font-size:45px}.timer-controls{gap:9px}.timer-controls .button{font-size:11px;padding:12px}.timer-meta{margin-top:22px;padding-top:18px}.timer-meta span{font-size:9px}.timer-meta b{font-size:12px}.table-tools .button{font-size:9px;padding:6px 9px}.activity-item p{font-size:11px}.activity-item strong{font-size:12px}.activity-list{padding-left:22px;padding-right:22px}.activity-item{padding:14px 0}.page-footer{gap:18px;margin-top:24px;align-items:center}.footer-brand{font-size:9px;line-height:1.7;display:block;max-width:130px}.page-footer>span:last-child{max-width:165px;text-align:right}.job-card h3{font-size:15px}.job-card .client{font-size:11px}.employee-card h3{font-size:13px}.workspace-about{gap:17px}.workspace-about .company-logo{width:90px}.workspace-about p{font-size:11px}.form-field{font-size:11px}.auth-form-wrap{padding:30px 26px}.auth-mobile-brand{margin-bottom:30px}.auth-mobile-brand .company-logo{width:67px}.auth-mobile-brand .company-name strong{font-size:25px}.auth-mobile-brand .company-name small{font-size:11px}.auth-form h2{font-size:27px}.auth-form .form-field input{font-size:13px}.modal{border-radius:13px}.modal-header h2{font-size:18px}}
@media(max-height:850px) and (min-width:801px){.sidebar .team-callout{display:none}.sidebar-bottom{padding-top:18px}.sidebar .workspace{margin-top:15px;margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.main,.stat,.job-card,.employee-card,.modal,.auth-form{animation:none!important}*,*::before,*::after{transition-duration:.01ms!important;scroll-behavior:auto!important}.nav a:hover,.button.primary:hover,.button.lime:hover,.stat:hover,.job-card:hover,.employee-card:hover,.assignment-bar:hover,.demo-role:hover{transform:none}}