:root{--blue:#7cc576;--blue-dark:#568c50;--green:#7cc576;--green-soft:#eff8ed;--ink:#111;--muted:#777;--line:#e8ecef;--paper:#fff;--canvas:#fff;--red:#c9544d;--amber:#b77925;--shadow:0 5px 22px rgba(17,17,17,.045);--radius:13px;--heading:Montserrat,Arial,sans-serif;--body:'Open Sans',Arial,sans-serif}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font:14px/1.55 var(--body);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{font-family:var(--heading);color:#111;letter-spacing:-.035em}h1{font-size:32px;line-height:1.2;font-weight:700;margin-bottom:8px}h2{font-size:19px;line-height:1.3;font-weight:700;margin-bottom:0}h3{font-size:16px;line-height:1.35;font-weight:700;margin-bottom:8px}a{color:var(--blue);text-decoration:none}a:hover{color:var(--blue-dark)}button,input,select,textarea{font:inherit}button{cursor:pointer}.muted{color:var(--muted);margin-bottom:0}.eyebrow{font:700 10px/1.5 var(--heading);letter-spacing:.14em;text-transform:uppercase;color:#84939c;margin-bottom:8px}.eyebrow-divider{padding:0 6px;color:#c5ccd0}
.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:248px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:29px 17px 15px}.brand{display:flex;align-items:center;gap:10px;padding:0 13px;color:var(--blue);font:800 17px/1 var(--heading);letter-spacing:-.06em}.brand:hover{color:var(--blue)}.brand-mark{width:37px;height:37px;display:grid;place-items:center;background:var(--blue);color:#fff;border-radius:50% 50% 50% 5px;font:bold italic 18px var(--heading);letter-spacing:-.12em;padding-right:2px}.brand-sub{display:block;margin-top:5px;font:600 9px var(--body);letter-spacing:.15em;text-transform:uppercase;color:#95a0a6}.main-nav{display:grid;gap:5px;margin-top:48px}.nav-link{display:flex;align-items:center;gap:12px;padding:11px 12px;color:#6c7880;border-radius:8px;font-size:13px;font-weight:600;transition:.15s ease}.nav-link:hover{color:var(--blue);background:#f4faf2}.nav-link.active{color:var(--blue);background:#eff8ed}.nav-icon{width:20px;text-align:center;font-size:18px;font-weight:400;line-height:1}.nav-tag{margin-left:auto;background:#ebf5e9;color:#63965d;border-radius:10px;padding:3px 7px;font-size:9px;letter-spacing:.01em}.sidebar-bottom{margin-top:auto}.secure-note{display:flex;align-items:center;gap:10px;margin:0 7px 14px;padding:13px 11px;color:#60727b;background:#f6f8f8;border-radius:8px;font-size:11px;font-weight:600}.secure-note small{color:#9aa4a9;font-weight:400}.secure-dot{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px rgba(124,197,118,.14);flex:0 0 auto}.user-card{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:15px 6px 0}.avatar{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#eff8ed;color:var(--blue);font:700 13px var(--heading)}.user-meta{min-width:0;display:grid;gap:1px;flex:1}.user-meta b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-meta small{font-size:10px;color:var(--muted)}.icon-button{border:0;background:transparent;color:#8b959a;font-size:20px}.app-main{margin-left:248px;min-height:100vh}.topbar{height:62px;padding:0 43px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(255,255,255,.86)}.breadcrumb{font-size:11px;color:#71808a;font-weight:600}.breadcrumb span{color:#c3cbd0;padding:0 7px}.breadcrumb a{color:#71808a}.topbar-date{font-size:11px;color:#95a0a6}.page-wrap{width:min(1440px,100%);margin:0 auto;padding:36px 43px 64px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:27px}.page-heading .eyebrow{color:var(--green)}.page-heading h1{color:#111}.page-heading p{font-size:13px}.button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 16px;border:1px solid transparent;border-radius:7px;font-size:12px;font-weight:700;transition:all .18s ease}.button.primary{background:var(--green);color:#111;box-shadow:0 4px 11px rgba(124,197,118,.22)}.button.primary:hover{background:#91cf8a;color:#111;transform:translateY(-1px)}.button.secondary{background:#fff;color:#52646e;border-color:#dfe5e8}.button.secondary:hover{border-color:#b7d5b2;color:var(--blue)}.button.dark{background:#202020;color:#fff}.button.dark:hover{background:#7cc576;color:#fff}.button.full{width:100%}.button-plus{font-size:17px;font-weight:400}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:36px}.stat-card{min-height:150px;padding:19px 20px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.stat-dark{background:#eff8ed;color:#111;border-color:#dcebd8;background-image:radial-gradient(ellipse at 92% 0%,rgba(124,197,118,.24),transparent 47%)}.stat-label{display:flex;justify-content:space-between;align-items:center;color:#7d898f;font-size:11px;font-weight:600}.stat-dark .stat-label{color:#5b6859}.stat-symbol{font-size:17px;color:#a7b5bb}.stat-symbol.accent{color:#72bd70}.stat-number{font:700 36px/1.15 var(--heading);letter-spacing:-.06em;margin:17px 0 6px}.stat-number small{font-size:18px}.stat-foot{font-size:10px;color:#9aa3a8}.stat-foot a{color:#6f9ab2}.stat-dark .stat-foot{color:#71806f}.stat-dark .stat-foot a{color:#477943}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:13px}.section-head .eyebrow{margin-bottom:3px;color:var(--green)}.section-head h2{font-size:18px}.text-link{font-size:11px;font-weight:700}.text-link span{margin-left:5px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.table-panel{overflow:hidden}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{background:#fafbfb;color:#99a2a7;font:700 9px var(--heading);letter-spacing:.09em;padding:13px 17px;border-bottom:1px solid var(--line)}td{padding:13px 17px;border-bottom:1px solid #eff1f2;color:#58676e;font-size:11px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfdfd}.job-code{font:700 10px var(--heading);color:var(--blue)}.row-title{max-width:300px;margin-top:2px;color:#8b969b;font-size:10px;white-space:normal}.category-pill{display:inline-flex;padding:4px 8px;background:#f1f5f0;border-radius:4px;color:#667980;font-size:10px}.status-pill{display:inline-flex;align-items:center;min-height:22px;padding:4px 9px;border-radius:99px;background:#f0f2f3;color:#69767c;font-size:9px;font-weight:700;white-space:nowrap}.status-neu{background:#eff8ed;color:#568c50}.status-in-arbeit{background:#eff8ed;color:#568c50}.status-wartet,.status-rückfrage{background:#fff4e4;color:#a16a19}.status-fertiggestellt,.status-zur-abrechnung-bereit{background:#eff8ed;color:#568b4f}.status-abgerechnet,.status-done{background:#e8f4e5;color:#538c58}.date-late{color:#bd5b4f;font-weight:700}.row-arrow{color:#aab3b7;font-size:16px}.row-arrow:hover{color:var(--blue)}.empty-state{text-align:center;padding:32px;color:#9aa4a9}.table-footer{padding:10px 17px;border-top:1px solid var(--line);font-size:10px;color:#99a2a7}.quick-note{display:flex;align-items:center;gap:13px;margin-top:15px;padding:15px 17px;background:#f0f8ed;border:1px solid #e4f0df;border-radius:10px}.quick-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#69a85f;font-size:18px}.quick-note div:nth-child(2){flex:1}.quick-note b{font-size:11px;color:#4e7250}.quick-note p{margin:2px 0 0;color:#839489;font-size:10px}.quick-note>a{font-size:10px;font-weight:700;color:#578b50}.filter-bar{display:flex;align-items:center;gap:9px;margin-bottom:15px}.search-field{display:flex;align-items:center;gap:8px;flex:1;max-width:490px;height:40px;padding:0 11px;background:#fff;border:1px solid #e2e7e9;border-radius:7px;color:#9da8ae}.search-field span{font-size:21px;line-height:1}.search-field input{width:100%;border:0;outline:0;background:transparent;font-size:11px}.filter-bar select{width:170px}.filter-bar select,.field-grid input,.field-grid select,.form-stack input,.form-stack select,.form-stack textarea,.inline-form input,.inline-form select,.billing-action input,.billing-action select{min-height:40px;padding:9px 11px;border:1px solid #e1e6e8;border-radius:6px;background:#fff;color:#222222;font-size:11px;outline:0}.filter-bar select:focus,input:focus,select:focus,textarea:focus{border-color:#7cc576!important;box-shadow:0 0 0 3px rgba(124,197,118,.16)}.back-link{margin:-12px 0 15px;font-size:11px;font-weight:600}.back-link a{color:#849197}.form-layout{max-width:930px;display:grid;gap:14px}.form-panel{padding:22px}.form-section-title{display:flex;align-items:center;gap:13px;padding-bottom:17px;margin-bottom:18px;border-bottom:1px solid #edf0f1}.form-section-title h2{font-size:15px}.form-section-title p{margin:3px 0 0;color:#98a1a6;font-size:10px}.section-index{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:#eff7ed;color:#6eae66;font:700 12px var(--heading)}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.field-grid label,.form-stack label,.inline-form label,.billing-action label{display:grid;gap:6px;color:#65747c;font-size:10px;font-weight:700}.span-2{grid-column:span 2}.field-grid input,.field-grid select,.field-grid textarea{width:100%;min-height:40px;padding:9px 11px;border:1px solid #e1e6e8;border-radius:6px;background:#fff;color:#222222;font-size:11px;outline:0}.field-grid textarea,.form-stack textarea{resize:vertical}.checklist-note{display:flex;align-items:center;gap:8px;margin-top:15px;color:#7a8c7a;font-size:10px}.checklist-note span{color:#63a75c}.form-actions{display:flex;justify-content:flex-end;gap:9px}.detail-heading{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:22px}.detail-heading h1{font-size:28px}.detail-heading .eyebrow{color:#79b76f}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:15px}.detail-main,.detail-side{display:grid;gap:14px}.detail-panel{padding:20px}.panel-heading{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:16px}.panel-heading .eyebrow{margin-bottom:3px;color:#79b76f}.panel-heading h2{font-size:15px}.tiny-muted{font-size:9px;color:#a0a8ac}.description-text{color:#64747c;font-size:12px;line-height:1.8;white-space:pre-line}.fact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding-top:16px;margin-top:15px;border-top:1px solid #eff1f2}.fact-grid div,.billing-facts div{display:grid;gap:5px}.fact-grid span,.billing-facts span{font:700 8px var(--heading);letter-spacing:.08em;color:#9aa4a8}.fact-grid b,.billing-facts b{font-size:10px;color:#435761}.detail-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.detail-chips div{display:grid;gap:4px;padding:9px 11px;border-radius:6px;background:#f5f8f9}.detail-chips small{color:#94a0a5;font-size:9px}.detail-chips b{color:#53676f;font-size:10px}.inline-form{display:flex;flex-wrap:wrap;align-items:end;gap:9px}.inline-form label{flex:1;min-width:130px}.inline-form button{min-height:40px}.form-hint{margin:10px 0 0;color:#9aa4a9;font-size:9px}.count-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;margin-left:5px;background:#eef5f8;color:#568c50;border-radius:99px;font:700 9px var(--body);vertical-align:2px}.note-form textarea{width:100%;padding:11px;border:1px solid #e1e6e8;border-radius:7px;color:#222222;font-size:11px;resize:vertical;outline:0}.form-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.form-bottom small{font-size:9px;color:#a0a8ac}.note-list{display:grid;gap:15px;margin-top:19px}.note-item{display:flex;align-items:start;gap:10px}.small-avatar{width:27px;height:27px;font-size:10px}.note-meta{display:flex;align-items:center;gap:9px;font-size:10px}.note-meta span{color:#9ca6ab;font-size:9px}.note-item p{margin:3px 0 0;color:#5e6d74;font-size:11px;white-space:pre-wrap}.upload-box{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px dashed #cbd8de;background:#fafcfc;border-radius:8px}.upload-label{display:flex;align-items:center;gap:10px;min-width:0;cursor:pointer}.upload-label>span:nth-child(2){display:grid;gap:2px}.upload-label b{font-size:10px;color:#54666e}.upload-label small{font-size:9px;color:#9ba5aa}.upload-label input{width:1px;height:1px;opacity:0;position:absolute}.upload-symbol{width:30px;height:30px;display:grid;place-items:center;background:#eff8ed;border-radius:7px;color:var(--blue);font-size:18px}.file-list{display:grid;margin-top:12px}.file-row{display:flex;align-items:center;gap:10px;padding:9px 2px;border-bottom:1px solid #f0f2f3}.file-row:last-child{border-bottom:0}.file-row>span:nth-child(2){display:grid;gap:2px;min-width:0;flex:1}.file-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#4a606a;font-size:10px}.file-row small{color:#9ba5aa;font-size:9px}.file-icon{width:28px;height:28px;display:grid;place-items:center;background:#f1f5f6;border-radius:6px;color:#7391a0}.download-mark{color:#a3adb1}.side-panel{padding:17px}.side-panel .eyebrow{color:#76b66d}.side-panel h3{margin-bottom:6px;color:#111;font-size:13px}.side-panel p{font-size:10px;line-height:1.6;margin-bottom:12px}.mini-time{display:flex;align-items:center;justify-content:space-between;margin-top:15px;padding-top:13px;border-top:1px solid #edf0f1}.mini-time span{font:700 8px var(--heading);letter-spacing:.08em;color:#97a2a7}.mini-time b{font:700 17px var(--heading);color:var(--blue)}.mini-time small{font:500 10px var(--body);color:#8c999f}.time-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #f0f2f3}.time-row:last-child{border-bottom:0}.time-row div{display:grid;min-width:0;gap:2px}.time-row b{color:#556972;font-size:9px}.time-row small{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#99a4a9;font-size:8px}.time-row strong{font-size:10px;color:#576c75}.billing-mini{border-top:3px solid var(--green)}.split-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:15px;align-items:start}.form-stack{display:grid;gap:13px}.form-stack label{gap:5px}.form-stack input,.form-stack select,.form-stack textarea{width:100%}.total-chip{display:grid;text-align:right;gap:5px;padding:10px 14px;background:#fff;border:1px solid var(--line);border-radius:9px}.total-chip span{color:#94a0a6;font:700 8px var(--heading);letter-spacing:.1em}.total-chip b{color:var(--blue);font:700 18px var(--heading)}.entry-list{margin-top:15px}.entry-row{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid #f0f2f3}.entry-row:last-child{border-bottom:0}.entry-date{width:38px;height:39px;display:grid;place-content:center;text-align:center;background:#eff8ed;border-radius:6px;color:var(--blue);font:700 14px var(--heading)}.entry-date small{color:#93a2a8;font:500 8px var(--body)}.entry-info{display:grid;gap:2px;flex:1;min-width:0}.entry-info b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#4e626c;font-size:10px}.entry-info small{color:#99a4a9;font-size:9px}.entry-row strong{color:#52714f;font:700 11px var(--heading)}.inbox-count{display:flex;align-items:center;gap:9px;padding:9px 13px;background:#eff8ed;border-radius:8px;color:#63965d}.inbox-count b{font:700 23px var(--heading)}.inbox-count span{max-width:95px;font-size:9px;line-height:1.2}.billing-list{display:grid;gap:12px}.billing-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(210px,.65fr);gap:22px;padding:19px}.billing-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.billing-main h2{margin:9px 0 5px;color:#222222;font-size:16px}.billing-main>p{font-size:10px}.dot-sep{padding:0 4px;color:#bdc5c9}.billing-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px 0;margin:12px 0;border-top:1px solid #edf0f1;border-bottom:1px solid #edf0f1}.billing-action{display:grid;align-content:start;gap:8px;padding:13px;background:#f7f9f9;border-radius:8px}.billing-action label{gap:4px}.billing-action input,.billing-action select{width:100%;min-height:35px;background:#fff}.billing-action .button{min-height:36px}.empty-large{text-align:center;padding:46px 20px}.empty-circle{width:43px;height:43px;display:grid;place-items:center;margin:0 auto 14px;border-radius:50%;background:#eff8ed;color:#6da665;font-size:20px}.empty-large h2{margin-bottom:6px}.empty-large p{color:#909ba0;font-size:11px}.empty-large .text-link{display:inline-block;margin-top:9px}.hosting-layout{display:grid;grid-template-columns:minmax(270px,.68fr) minmax(0,1.32fr);gap:15px;align-items:start}.hosting-layout>.form-panel{position:sticky;top:18px}.security-callout{display:flex;gap:10px;margin-top:17px;padding:11px;background:#f1f8ef;border-radius:7px;color:#689d60}.security-callout>span{font-size:18px}.security-callout p{margin:0;color:#8c9a8a;font-size:9px;line-height:1.6}.security-callout b{color:#5b8755}.hosting-search .search-field{max-width:none}.domain-text{margin-top:2px;color:#72856f;font-size:9px}.billing-list+.muted{padding:20px}.flash-stack{display:grid;gap:7px;margin:-14px 0 17px}.flash{padding:10px 13px;border-radius:7px;font-size:11px}.flash.success{background:#eef8eb;color:#4c8147}.flash.error{background:#fff0ee;color:#a84741}.error-page{max-width:600px;margin:80px auto;text-align:center}.error-number{font:800 84px/.95 var(--heading);color:#e3eff5;letter-spacing:-.1em;margin-bottom:20px}.error-page .eyebrow{color:var(--green)}.error-page h1{font-size:24px;margin:12px 0 23px}.login-shell{position:fixed;inset:0;display:grid;grid-template-columns:1.1fr .9fr;background:#fff}.login-art{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:35px 6vw;background:#eff8ed;color:#111;background-image:radial-gradient(circle at 80% 14%,rgba(124,197,118,.18),transparent 26%),linear-gradient(135deg,#fff,#eff8ed)}.brand.light{color:#111;padding:0}.brand.light .brand-mark{background:var(--green);color:#111}.brand.light .brand-sub{color:#71806f}.login-art-copy{position:relative;z-index:2;margin:0 0 8vh}.login-art-copy .eyebrow{color:#568c50}.login-art-copy h1{margin:14px 0;color:#111;font-size:clamp(46px,6vw,82px);line-height:1.02;letter-spacing:-.07em}.login-art-copy p{color:#4d584b;font-size:14px}.art-lines{position:absolute;width:480px;height:480px;right:-115px;bottom:-140px;border:1px solid rgba(86,140,80,.22);border-radius:50%}.art-lines i{position:absolute;inset:35px;border:1px solid rgba(86,140,80,.16);border-radius:50%}.art-lines i:nth-child(2){inset:70px}.art-lines i:nth-child(3){inset:105px}.art-lines i:nth-child(4){inset:140px}.art-lines i:nth-child(5){inset:175px}.art-coord{position:relative;z-index:2;color:#71806f;font:600 9px var(--heading);letter-spacing:.15em}.login-panel{display:grid;place-items:center;padding:30px}.login-card{width:min(380px,100%)}.login-card .eyebrow{color:var(--green)}.login-card h2{margin:13px 0 7px;color:#111;font-size:25px}.login-card>.muted{margin-bottom:26px;font-size:12px}.login-card .form-stack{gap:17px}.login-card .button{margin-top:8px;min-height:46px}.login-foot{display:flex;align-items:center;gap:9px;margin-top:23px;padding-top:17px;border-top:1px solid var(--line);color:#95a0a6;font-size:10px}.login-foot .secure-dot{width:6px;height:6px}
@media(max-width:1100px){.sidebar{width:218px}.app-main{margin-left:218px}.page-wrap{padding-left:28px;padding-right:28px}.topbar{padding:0 28px}.detail-grid{grid-template-columns:minmax(0,1fr) 240px}.billing-card{grid-template-columns:1fr}.billing-action{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-action .button{align-self:end}}
@media(max-width:760px){body{font-size:13px}.sidebar{position:sticky;inset:auto;width:auto;height:auto;padding:12px 15px 0;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:0 2px;font-size:15px}.brand-mark{width:31px;height:31px;font-size:16px}.main-nav{display:flex;overflow:auto;gap:4px;margin:12px -15px 0;padding:0 12px;scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.nav-link{flex:0 0 auto;gap:7px;padding:9px 10px;font-size:10px}.nav-icon{font-size:15px}.nav-tag{display:none}.sidebar-bottom{position:absolute;right:14px;top:12px;margin:0}.secure-note{display:none}.user-card{border:0;padding:0;gap:0}.user-meta,.user-card form{display:none}.app-main{margin-left:0;min-height:calc(100vh - 91px)}.topbar{height:41px;padding:0 17px}.page-wrap{padding:24px 16px 44px}.page-heading{align-items:flex-start;margin-bottom:20px}.page-heading h1{font-size:25px}.page-heading p{font-size:11px}.page-heading>.button{align-self:center;padding:0 11px;font-size:10px;white-space:nowrap}.stat-grid{gap:8px;margin-bottom:26px}.stat-card{min-height:112px;padding:13px 12px}.stat-label{font-size:9px}.stat-symbol{font-size:14px}.stat-number{font-size:27px;margin:15px 0 5px}.stat-foot{font-size:8px;line-height:1.35}.section-head h2{font-size:16px}.quick-note{align-items:flex-start}.quick-note>a{display:none}.detail-grid,.split-layout,.hosting-layout{grid-template-columns:1fr}.detail-side{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-side .billing-mini{grid-column:span 2}.fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-bar{flex-wrap:wrap}.search-field{max-width:none;flex-basis:100%}.filter-bar select{flex:1;min-width:125px;width:auto}.filter-bar .button{flex:0 0 auto}.detail-heading h1{font-size:23px}.detail-heading{align-items:flex-start}.detail-panel{padding:16px}.panel-heading h2{font-size:14px}.inline-form label{flex:1 1 42%}.inline-form button{flex:1 1 100%}.form-panel{padding:17px}.billing-card{padding:14px;gap:14px}.billing-action{grid-template-columns:1fr 1fr}.billing-action label:first-child{grid-column:span 2}.billing-facts{gap:6px}.billing-facts span{font-size:7px}.billing-facts b{font-size:9px}.hosting-layout>.form-panel{position:static}.total-chip{padding:7px 10px}.total-chip b{font-size:15px}.login-shell{position:relative;min-height:100vh;grid-template-columns:1fr;grid-template-rows:35vh 1fr}.login-art{padding:18px 24px}.login-art .brand{font-size:14px}.login-art-copy{margin:0 0 16px}.login-art-copy h1{font-size:42px}.login-art-copy p{font-size:11px}.art-coord{font-size:7px}.art-lines{width:280px;height:280px;right:-80px;bottom:-110px}.login-panel{align-items:start;padding:38px 24px}.login-card h2{font-size:22px}.error-page{margin:45px auto}.error-number{font-size:65px}}
@media(max-width:430px){.brand-sub{font-size:8px}.user-card .avatar{width:30px;height:30px}.page-heading{gap:10px}.page-heading>.button{min-height:36px}.page-heading>.button .button-plus{display:none}.stat-card{padding:11px 9px}.stat-number{font-size:24px}.stat-label{font-size:8px}.stat-foot{font-size:7px}.detail-side{grid-template-columns:1fr}.detail-side .billing-mini{grid-column:auto}.field-grid{gap:10px}.form-bottom{align-items:flex-start;flex-direction:column}.upload-box{align-items:flex-start;flex-direction:column}.billing-action{grid-template-columns:1fr}.billing-action label:first-child{grid-column:auto}.inbox-count{padding:7px 9px}.inbox-count b{font-size:19px}.inbox-count span{font-size:8px}}

/* Multiple Bereichsdetails */
.department-detail-rows{display:grid;gap:14px}.department-detail-row{padding:15px;border:1px solid #e5e9e6;border-radius:9px;background:#fbfcfb}.department-detail-row-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px;padding-bottom:10px;border-bottom:1px solid #edf0ed}.department-detail-row-head>span{color:#748077;font:700 9px var(--heading);letter-spacing:.08em;text-transform:uppercase}.department-detail-row-head b{color:var(--green)}.department-detail-remove{border:0;background:transparent;color:#9a6b66;font-size:9px;font-weight:700;padding:4px 0}.department-detail-remove:hover{color:var(--red)}.department-detail-actions{display:flex;justify-content:flex-start;gap:9px;margin-top:14px;padding-top:14px;border-top:1px solid #edf0f1}.department-detail-actions-split{justify-content:space-between;align-items:center;flex-wrap:wrap}.detail-add-button{min-height:38px}.detail-edit-hint{margin:-7px 0 15px}.department-detail-summary{display:grid;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid #eff1f2}.department-detail-summary-group{padding:11px;border-radius:8px;background:#fbfcfb;border:1px solid #edf0ee}.department-detail-summary-title{color:#6c7b70;font:700 9px var(--heading);letter-spacing:.08em;text-transform:uppercase}.department-detail-summary-group .detail-chips{margin-top:8px}.department-detail-summary-group .detail-chips div{background:#f2f6f2}.department-detail-form .department-detail-row textarea{resize:vertical}
@media(max-width:620px){.department-detail-row .field-grid{grid-template-columns:1fr}.department-detail-row .span-2{grid-column:auto}.department-detail-actions-split{align-items:stretch;flex-direction:column}.department-detail-actions-split .button{width:100%}}

/* User management and account password settings */
.password-nav{margin-bottom:10px}
.users-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,0.85fr);gap:17px;align-items:start}
.users-panel{overflow:hidden}
.users-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 24px;border-bottom:1px solid var(--line)}
.users-panel-head .eyebrow{color:var(--green);margin-bottom:3px}
.users-count{white-space:nowrap;border:1px solid #dcebd8;background:var(--green-soft);border-radius:20px;color:#577e52;font-size:11px;font-weight:700;padding:6px 10px}
.users-list{display:grid}
.user-list-item{padding:20px 24px 18px;border-bottom:1px solid var(--line)}
.user-list-item:last-child{border-bottom:0}
.user-list-head{display:flex;gap:11px;align-items:center;margin-bottom:15px}
.user-list-identity{display:grid;gap:1px;flex:1;min-width:0}
.user-list-identity b{font-size:13px;overflow-wrap:anywhere}
.user-list-identity small{font-size:11px;color:#859199;overflow-wrap:anywhere}
.user-role-pill{flex:0 0 auto;padding:5px 9px;background:#eff8ed;color:#568c50;border-radius:7px;font-size:10px;font-weight:700}
.user-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.user-edit-grid label{display:grid;gap:5px;min-width:0;color:#65747c;font-size:10px;font-weight:700}
.user-edit-grid input,.user-edit-grid select{width:100%;min-width:0;min-height:40px;padding:9px 11px;border:1px solid #e1e6e8;border-radius:6px;background:#fff;color:#222;font-size:11px}
.user-edit-actions{display:flex;align-items:end}
.user-edit-actions .button{width:100%}
.user-list-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid #f1f3f4}
.user-list-footer small{font-size:10px;color:#99a3a8}
.button.danger-outline{border-color:#ead3d1;background:#fff;color:#ad5551;min-height:34px;padding:0 11px}
.button.danger-outline:hover{border-color:var(--red);background:#fff4f2;color:#a33731}
.users-side{display:grid;gap:14px;min-width:0}
.users-create-panel{position:sticky;top:14px}
.user-create-note,.users-side-hint,.credentials-warning,.password-note{font-size:11px;line-height:1.6;color:#77868d}
.user-create-note{margin:20px 0 0;padding-top:16px;border-top:1px solid var(--line)}
.user-create-note code,.credentials-list code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.users-side-hint{padding:0 5px;margin:0}
.created-user-panel{border-color:#bce3b4;padding:22px;background:#f8fcf7}
.created-user-panel .eyebrow{color:#588851}
.created-user-panel h2{margin-bottom:10px}
.created-user-panel p{font-size:12px;color:#65747c}
.credentials-list{display:grid;gap:10px;margin:16px 0}
.credentials-list>div{padding:11px;background:#fff;border:1px solid #dcebd8;border-radius:7px;min-width:0}
.credentials-list small{display:block;color:#8c9b91;font-size:9px;font-weight:700;letter-spacing:.06em}
.credentials-list code{display:block;font-size:13px;color:#263829;font-weight:700;overflow-wrap:anywhere;user-select:all}
.created-user-panel .credentials-warning{margin:12px 0 0;color:#8b6850}
.password-panel{max-width:540px}
.password-panel .password-note{margin:0}
.password-panel .button{justify-self:start}
@media(max-width:1100px){.users-layout{grid-template-columns:minmax(0,1fr) 290px}.users-panel-head,.user-list-item{padding-left:16px;padding-right:16px}.user-edit-grid{grid-template-columns:1fr}}
@media(max-width:800px){.users-layout{grid-template-columns:1fr}.users-create-panel{position:static}.users-side{grid-row:1}.user-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.users-panel-head,.user-list-item{padding-left:13px;padding-right:13px}.user-edit-grid{grid-template-columns:1fr}.user-list-head{flex-wrap:wrap}.user-role-pill{margin-left:45px}.user-list-footer{align-items:flex-start;flex-direction:column}.user-list-footer form{width:100%}.user-list-footer .button{width:100%}}

/* Hosting & Domains — searchable index and per-domain encrypted credential editor */
.hosting-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}
.hosting-metric{display:grid;gap:5px;padding:17px 20px;background:#fff;border:1px solid var(--line);border-radius:11px;min-width:0;color:#111}
.hosting-metric:first-child{background:#f4faf2;border-color:#e0efdb}
.hosting-metric>span{color:#7c8b82;font-size:11px;font-weight:600}
.hosting-metric strong{font:700 27px var(--heading);color:#111}
.hosting-metric small{font-size:10px;color:#619459}
.hosting-metric:hover{border-color:#b7dcb1;color:#111}
.hosting-index-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,320px);gap:16px;align-items:start}
.hosting-index-main{min-width:0}
.hosting-filter-panel{padding:19px;margin-bottom:15px}
.hosting-filter-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.hosting-filter-header h2{font-size:16px}
.hosting-filter-fields{display:grid;grid-template-columns:minmax(155px,1.5fr) minmax(110px,.9fr) minmax(130px,1fr) auto;gap:8px;align-items:end}
.hosting-filter-fields>label{display:grid;gap:5px;min-width:0;color:#6c797f;font-size:10px;font-weight:700}
.hosting-filter-fields input,.hosting-filter-fields select{min-width:0;width:100%;height:39px;padding:8px 10px;border:1px solid #e1e6e8;border-radius:6px;background:#fff;color:#333;font-size:11px}
.hosting-filter-fields .button{min-height:39px}
.hosting-filter-hint{margin:10px 0 0;color:#84938c;font-size:10px}
.hosting-create-panel{position:sticky;top:16px}
.hosting-form-hint{padding-top:15px;margin:15px 0 0;border-top:1px solid var(--line);font-size:10px;color:#7c8980;line-height:1.65}
.hosting-table{min-width:690px}
.hosting-domain-link{font-size:11px;font-weight:700;color:#27352a}
.hosting-domain-link:hover,.hosting-open-link:hover{color:#568c50}
.hosting-open-link{white-space:nowrap;font-weight:700;font-size:10px}
.hosting-table td{padding:15px 12px}
.hosting-table th{padding:13px 12px}
.hosting-detail-heading .status-pill{font-size:11px;padding:8px 12px}
.hosting-detail-layout{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:16px;align-items:start}
.hosting-credentials-section{min-width:0;display:grid;gap:15px;scroll-margin-top:20px}
.hosting-delete-form {padding-top: 10px;border-top: 1px dashed #e3e7e5;margin-top: 10px;}
.credential-security-info{padding:11px 13px;margin:0 0 17px;background:#f1f8ef;color:#5e8659;border-radius:8px;font-size:11px;line-height:1.6}
.credential-list{display:grid;gap:12px}
.credential-item{border:1px solid #e7ece8;border-radius:9px;padding:15px;min-width:0;background:#fff}
.credential-name{font-weight:700;font-size:14px;color:#222}
.credential-help{margin:4px 0 12px;font-size:11px;color:#7c8981;overflow-wrap:anywhere}
.credential-password-line{padding:10px 12px;margin-bottom:12px;border:1px solid #e6eae6;background:#fafcf9;border-radius:6px;min-height:42px}
.credential-mask{font:600 12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;word-break:break-all;user-select:text}
.credential-buttons{display:flex;gap:7px;flex-wrap:wrap}
.credential-action{min-height:34px;padding:0 11px;font-size:10px}
.credential-edit{display:grid;gap:10px;margin-top:16px;padding-top:15px;border-top:1px solid var(--line)}
.credential-edit[hidden]{display:none}
.credential-edit form{min-width:0}
.credential-edit label small{font-weight:400;color:#8a9890}
.credential-edit .credential-delete-form{padding-top:10px;border-top:1px dashed #e3e7e5}
.credential-feedback{font-size:11px;color:#5d8b52;min-height:0;margin:8px 0 0}
.credential-feedback:empty{display:none}
.credential-empty{margin:0;padding:20px 12px;text-align:center;background:#fafcf9;border:1px dashed #d6e6d1;border-radius:8px;color:#85938a;font-size:11px}
.credential-create{border-top:3px solid #7cc576}
@media(max-width:1250px){.hosting-index-layout{grid-template-columns:minmax(0,1fr) 275px}.hosting-filter-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.hosting-detail-layout{grid-template-columns:1fr 1fr}}
@media(max-width:990px){.hosting-index-layout{grid-template-columns:1fr}.hosting-create-panel{position:static}.hosting-filter-fields{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr) auto}.hosting-detail-layout{grid-template-columns:1fr}}
@media(max-width:620px){.hosting-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.hosting-metric{padding:12px 10px}.hosting-metric>span{font-size:9px}.hosting-metric strong{font-size:22px}.hosting-metric small{font-size:8px}.hosting-filter-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.hosting-filter-search{grid-column:span 2}.hosting-filter-fields>.button{align-self:end}.hosting-detail-heading{align-items:start}.credential-item{padding:12px}}
@media(max-width:390px){.hosting-metrics{grid-template-columns:1fr}.hosting-metric{padding:10px 14px}.hosting-metric strong{font-size:24px}.hosting-filter-fields{grid-template-columns:1fr}.hosting-filter-search{grid-column:auto}}

/* ------------------------------------------------------------------
   Teamgeist calendar: week/month views, filters, responsive side panel
   ------------------------------------------------------------------ */
.calendar-heading{margin-bottom:20px}.calendar-actions{display:flex;flex-wrap:wrap;gap:9px}
.calendar-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:18px}
.calendar-kpi{padding:18px 19px;border:1px solid var(--line);border-radius:12px;background:#fff;display:grid;align-content:start;gap:7px;min-width:0;box-shadow:var(--shadow)}
.calendar-kpi-featured{background:#f2faf0;border-color:#dcecd6}.calendar-kpi-label{font-size:10px;font-weight:700;color:#78877e}.calendar-kpi strong{font:700 17px/1.4 var(--heading);overflow-wrap:anywhere}.calendar-kpi small{font-size:10px;color:#89958d}.calendar-overdue{color:#c9544d!important}
.calendar-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 15px;margin-bottom:12px}.calendar-date-nav,.calendar-toolbar-right{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.calendar-date-nav h2{font-size:17px;margin:0 0 0 7px}.cal-icon-button{width:35px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e0e7e2;border-radius:7px;color:#50635a;background:#fff;font-size:20px;line-height:1}.cal-icon-button:hover{background:#eff8ed;color:#365f34}.calendar-view-switch{display:flex;gap:3px;background:#f3f6f3;padding:3px;border-radius:8px}.calendar-view-switch button{border:0;border-radius:6px;background:transparent;color:#718078;font-size:11px;font-weight:700;padding:9px 13px}.calendar-view-switch button[aria-pressed=true]{background:#7cc576;color:#192719;box-shadow:0 1px 3px #aab8aa50}.calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:13px;align-items:start}.calendar-main{min-width:0;overflow:hidden}.calendar-side{padding:18px 18px 22px;min-width:0;position:sticky;top:16px}.calendar-side-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eef0ee;padding-bottom:16px;margin-bottom:18px}.calendar-side-head h2{font-size:15px}.cal-side-icon{color:#7cbd75;font-size:24px}.calendar-loading{padding:13px;color:#738078;font-size:11px}.calendar-loading[hidden]{display:none}.cal-side-eyebrow{font:700 9px var(--heading);letter-spacing:.12em;color:#87a07f;margin-bottom:9px}.cal-side-day,.cal-side-periods,.cal-side-selection{padding-bottom:17px;margin-bottom:18px;border-bottom:1px solid var(--line)}.cal-side-day h3{font-size:13px;line-height:1.5;text-transform:capitalize}.cal-side-empty,.cal-side-meta{font-size:11px;color:#7e8c83;line-height:1.6;margin:6px 0}.cal-side-selection h3{font-size:14px;overflow-wrap:anywhere}.cal-side-desc{white-space:pre-wrap;overflow-wrap:anywhere;color:#53665a;font-size:11px}.cal-side-selection .button{margin-top:8px}.cal-side-item,.cal-period-item{display:flex;gap:10px;width:100%;text-align:left;background:transparent;border:0;border-radius:7px;padding:9px 4px;align-items:start;color:#35433b}.cal-side-item:hover,.cal-period-item:hover{background:#f6faf4}.cal-side-dot{width:9px;height:9px;border-radius:3px;flex:0 0 9px;margin-top:4px}.cal-side-item-text{min-width:0;display:grid;gap:3px;overflow-wrap:anywhere}.cal-side-item-text strong{font-size:11px;line-height:1.45}.cal-side-item-text small{font-size:10px;color:#89968e}.cal-approval-actions{display:flex;flex-wrap:wrap;gap:7px}.cal-pending-info{font-size:11px;color:#a46b20}
.calendar-filters{padding:16px 18px;margin-bottom:12px;display:grid;grid-template-columns:minmax(125px,190px) minmax(140px,220px) minmax(260px,1fr) auto;gap:15px;align-items:start}.calendar-filters[hidden]{display:none}.calendar-filter-field{display:grid;gap:7px}.calendar-filter-field label,.calendar-filter-categories legend{font-size:10px;font-weight:700;color:#738079}.calendar-filter-field select{width:100%;min-height:37px;border:1px solid #dfe7e2;padding:7px 9px;border-radius:6px;color:#405048;font-size:11px;background:#fff}.calendar-filter-categories{border:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px}.calendar-filter-categories legend{margin-bottom:7px}.calendar-filter-check{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#57685b;white-space:nowrap;cursor:pointer}.calendar-filter-check input{accent-color:#7cc576}.cal-swatch{width:10px;height:10px;border-radius:3px;display:inline-block}.calendar-filter-controls{display:grid;gap:6px}.calendar-filter-controls .button{min-height:33px;font-size:10px}
/* Month: each row carries week-spanning bars in three fixed tracks. */
.cal-month-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-bottom:1px solid #e9eeea;background:#f9fbf9}.cal-day-name{text-align:center;padding:13px 3px;color:#7c8b80;font:700 10px var(--heading)}.cal-month-row{position:relative;height:142px;border-bottom:1px solid #edf1ec}.cal-month-row:last-child{border-bottom:0}.cal-month-cells{position:absolute;inset:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.cal-month-cell{border:0;border-right:1px solid #eef1ee;background:#fff;text-align:left;padding:10px 8px;display:block;min-width:0;cursor:pointer}.cal-month-cell:last-child{border-right:0}.cal-month-cell:hover{background:#f6faf4}.cal-month-cell.cal-other-month{background:#fafbfa;color:#b2bdb4}.cal-month-cell.cal-selected{background:#f2f9f0}.cal-date-number{font:700 11px var(--heading);display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:23px;border-radius:50%;color:#45524a}.cal-is-today .cal-date-number{background:#7cc576;color:#11210d}.cal-month-bars{position:absolute;top:40px;left:0;right:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(3,23px);gap:2px 0;pointer-events:none;padding:0 3px}.cal-event{cursor:pointer;text-align:left;min-width:0;overflow:hidden;font-weight:700;border:0;border-left:3px solid transparent;white-space:nowrap;text-overflow:ellipsis}.cal-event:hover{filter:brightness(.96);box-shadow:0 1px 4px #0002}.cal-month-bar{min-height:21px;padding:2px 6px;border-radius:4px;font-size:10px;pointer-events:auto}.cal-month-more{position:absolute;left:0;right:0;bottom:8px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));pointer-events:none}.cal-more-cell{padding:0 5px;min-width:0}.cal-more-button{pointer-events:auto;background:transparent;color:#62995e;border:0;padding:1px 3px;font-size:10px;font-weight:700;cursor:pointer;white-space:nowrap}.cal-more-button:hover{text-decoration:underline}.cal-pending{border-style:dashed;opacity:.82}.cal-late{font-weight:800}
/* Week: 24 hours, 56px per hour, native scrolling and lane layout. */
.cal-week-scroll{overflow:auto;max-height:min(75vh,790px);position:relative}.cal-week{min-width:760px}.cal-week-head,.cal-week-allday,.cal-week-time-grid{display:grid;grid-template-columns:58px repeat(7,minmax(0,1fr))}.cal-week-head{position:sticky;top:0;background:#fafcfa;z-index:4;border-bottom:1px solid #e4eee3}.cal-week-clock-head,.cal-all-day-label{color:#8a978d;font:700 9px var(--heading);padding:13px 7px;align-content:center;text-align:center}.cal-week-head-day{background:transparent;border:0;border-left:1px solid #eaf0e9;padding:13px 5px;font:700 11px var(--heading);color:#59685c}.cal-week-head-day.cal-selected{background:#eff8ed;color:#4f8f4d}.cal-week-head-day.cal-is-today{color:#348532}.cal-week-head-day:hover{background:#eff8ed}.cal-week-allday{position:sticky;top:40px;z-index:3;background:#fff;border-bottom:2px solid #e4ede2;min-height:55px}.cal-allday-cell{padding:4px 2px;border-left:1px solid #eef2ed;min-width:0;display:grid;align-content:start;gap:2px}.cal-week-allday-event{font-size:9px;padding:4px 3px;border-radius:4px;width:100%}.cal-week-time-grid{height:1344px}.cal-week-axis{height:1344px}.cal-hour-label{height:56px;padding:0 6px;border-top:1px solid #e9eeeb;font-size:9px;color:#8c9790;text-align:right;transform:translateY(-1px)}.cal-week-column{height:1344px;position:relative;border-left:1px solid #e7eee7;background:repeating-linear-gradient(to bottom,transparent 0,transparent 55px,#eaf0ea 55px,#eaf0ea 56px);min-width:0;cursor:pointer}.cal-week-column.cal-selected{background-color:#fafdf9}.cal-week-event{position:absolute;z-index:1;border-radius:5px;padding:4px 5px;font-size:10px;white-space:normal;overflow:hidden;overflow-wrap:anywhere;line-height:1.25}.cal-week-event .cal-event-time{display:block;font-size:9px;opacity:.85;font-weight:400;margin-top:4px}
/* Form modal and category administration */
.calendar-dialog{width:min(610px,calc(100vw - 22px));max-height:92vh;padding:0;border:1px solid #dde8dc;border-radius:14px;background:#fff;color:#222;box-shadow:0 20px 70px #0003;overflow-y:auto}.calendar-dialog::backdrop{background:rgba(20,32,22,.42)}.calendar-form{display:grid;gap:14px}.calendar-dialog .calendar-form{padding:25px}.calendar-dialog-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #eef2ee;padding-bottom:13px;margin-bottom:2px}.calendar-dialog-head h2{font-size:19px}.calendar-form>label,.calendar-form-section>label,.calendar-form-grid>label,.calendar-category-fields>label{display:grid;gap:6px;font-size:11px;font-weight:700;color:#607169}.calendar-form input:not([type=checkbox]),.calendar-form select,.calendar-form textarea,.calendar-category-fields input:not([type=checkbox]){width:100%;min-height:40px;padding:9px 10px;border:1px solid #dde5df;border-radius:7px;background:#fff;color:#263529;font-size:12px}.calendar-form input[type=color],.calendar-category-fields input[type=color]{padding:3px 6px;min-height:39px}.calendar-form textarea{resize:vertical}.calendar-form-section{display:grid;gap:13px}.calendar-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.calendar-member-field{border:1px solid #e5ece5;border-radius:9px;padding:10px}.calendar-member-field legend{padding:0 5px;font-size:10px;font-weight:700;color:#718274}.calendar-member-list{max-height:115px;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:6px}.calendar-member-list label{display:flex;align-items:center;gap:7px;font-size:11px;color:#55685a;font-weight:500}.calendar-form input[type=checkbox]{accent-color:#7cc576}.calendar-all-day{display:flex!important;align-items:center;gap:8px!important}.calendar-note{padding:11px;border-radius:8px;background:#eff8ed;color:#5f7a60;font-size:11px;line-height:1.6;margin:0}.calendar-error{margin:0;padding:12px;background:#fbeae8;color:#a3433f;font-size:11px;border-radius:7px}.calendar-error[hidden],.calendar-form-section[hidden],.calendar-form-grid[hidden],.calendar-form label[hidden],.calendar-all-day[hidden],.calendar-form button[hidden]{display:none!important}.calendar-form-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:10px;border-top:1px solid #ebf0e9;flex-wrap:wrap}.calendar-delete{margin-right:auto;color:#b7524b!important}.calendar-category-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;align-items:start}.calendar-category-list,.calendar-category-create{padding:21px}.calendar-category-list>h2,.calendar-category-create>h2{font-size:17px;margin-bottom:20px}.calendar-category-item{border-top:1px solid #edf0ed;padding:17px 0;display:grid;gap:10px}.calendar-category-preview{border-radius:6px;padding:9px 12px;font-size:12px;font-weight:700}.calendar-category-fields{display:grid;grid-template-columns:minmax(120px,1.7fr) repeat(3,minmax(63px,.7fr)) auto auto;gap:9px;align-items:end}.calendar-category-active{display:flex!important;align-items:center;white-space:nowrap;min-height:40px;font-size:11px}.calendar-category-active input{accent-color:#7cc576}.calendar-category-create{position:sticky;top:16px}.calendar-category-create .calendar-form{margin-top:20px}.calendar-category-create .muted{font-size:11px}
@media(max-width:1230px){.calendar-layout{grid-template-columns:minmax(0,1fr) 255px}.calendar-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-filter-categories{grid-column:span 2}.calendar-filter-controls{display:flex}.calendar-category-fields{grid-template-columns:repeat(4,1fr)}.calendar-category-fields>label:first-child{grid-column:span 4}}
@media(max-width:990px){.calendar-layout{grid-template-columns:1fr}.calendar-side{position:static}.calendar-side-day,.calendar-side-periods{max-width:100%}.calendar-category-layout{grid-template-columns:1fr}.calendar-category-create{position:static}.cal-month-row{height:135px}}
@media(max-width:640px){.calendar-heading{align-items:flex-start}.calendar-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-kpi{padding:13px}.calendar-kpi strong{font-size:14px}.calendar-toolbar{padding:11px}.calendar-toolbar-right{width:100%;justify-content:space-between}.calendar-date-nav h2{font-size:15px}.calendar-filters{grid-template-columns:1fr}.calendar-filter-categories{grid-column:auto}.cal-month-row{height:126px}.cal-month-bar{font-size:9px;padding:3px}.cal-month-bars{top:35px;grid-template-rows:repeat(3,22px)}.cal-month-cell{padding:5px 2px}.cal-date-number{font-size:10px;min-width:20px;height:20px}.cal-more-button{font-size:8px}.calendar-form-grid{gap:7px}.calendar-dialog .calendar-form{padding:17px}.calendar-member-list{grid-template-columns:1fr}.calendar-category-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.calendar-category-fields>label:first-child{grid-column:span 3}.calendar-category-fields>.button{grid-column:span 2}}

.calendar-pending-banner{display:flex;align-items:center;gap:10px 15px;flex-wrap:wrap;margin:-5px 0 16px;padding:12px 14px;background:#fff8e8;border:1px solid #f2e5c5;border-radius:9px;font-size:11px;color:#7b612d}.calendar-pending-banner a{color:#8c6826;font-weight:700}.calendar-pending-banner a:hover{text-decoration:underline}

.calendar-deadline-banner{display:flex;align-items:center;gap:10px 15px;flex-wrap:wrap;margin:-5px 0 16px;padding:12px 14px;background:#fff0ef;border:1px solid #f1dcda;border-radius:9px;font-size:11px;color:#994942}.calendar-deadline-banner a{color:#a64d46;font-weight:700}.calendar-deadline-banner a:hover{text-decoration:underline}.calendar-deadline-banner span{color:#b76c65}

/* Mein Konto: company green, light cards, careful spacing, responsive. */
.account-heading{margin-bottom:18px}.account-profile{display:flex;align-items:center;gap:13px;padding:18px 23px;margin-bottom:16px}.account-profile-avatar{width:46px;height:46px;background:#e2f3df;color:#397a32;font:800 20px var(--heading);border-radius:12px;display:grid;place-items:center}.account-profile-info{display:grid;gap:4px;flex:1;min-width:0}.account-profile-info strong{font:750 17px var(--heading);color:#242c25}.account-profile-info span{font-size:12px;color:#839083}.account-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,330px);align-items:start;gap:15px}.account-primary,.account-aside{display:grid;align-content:start;gap:15px;min-width:0}.account-card{padding:24px}.account-card-title{display:flex;align-items:start;gap:13px;margin-bottom:20px}.account-card-title>div:nth-child(2){flex:1;min-width:0}.account-card-title h2{font:750 18px var(--heading);color:#212721;margin:2px 0 5px}.account-card-title .muted{font-size:11px;line-height:1.65}.account-card-title .status-pill{margin-left:auto}.account-card-title .eyebrow{font-size:9px;color:#669a60}.account-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:9px;background:#f1f4f1;color:#6f8072;font-size:20px;flex:none}.account-icon-green{background:#e4f3e1;color:#57984d}.account-connection{border:1px solid #e0ece0;background:#f7fbf5;border-radius:10px;padding:17px;margin-bottom:15px}.account-connected-line{display:flex;align-items:center;gap:10px;margin-bottom:15px}.account-connected-line strong{font-size:13px;color:#304d32;overflow-wrap:anywhere}.account-connected-line small{display:block;margin-top:4px;font-size:10px;color:#779379}.account-connection-symbol{width:32px;height:32px;background:#7cc576;color:#16351c;border-radius:50%;display:grid;place-items:center;font-weight:900}.account-sync-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.account-sync-details>div{display:grid;gap:5px;padding:10px;background:#fff;border:1px solid #e6ede3;border-radius:6px}.account-sync-details span{color:#7a8a7c;font-size:10px;line-height:1.4}.account-sync-details b{font-size:10px;color:#344937;line-height:1.5;overflow-wrap:anywhere}.account-action-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.account-action-row form{margin:0}.account-muted{font-size:11px;color:#7b8b80;line-height:1.75;margin:6px 0 13px}.account-note{background:#f3f8f1;color:#56765a;border:1px solid #deeadb;border-radius:8px;padding:12px 14px;font-size:11px;line-height:1.7;margin:12px 0}.account-error{background:#fff1ef;border:1px solid #efd2ce;border-radius:7px;padding:12px;color:#a34036;font-size:11px}.account-connect-empty{display:flex;align-items:start;gap:15px;background:#f8faf8;border:1px dashed #d6e5d3;border-radius:9px;padding:19px;margin-bottom:16px}.account-connect-empty strong{font-size:13px}.account-connect-empty p{font-size:11px;line-height:1.75;color:#77877b;margin-top:6px}.account-connect-symbol{background:#e5f1e3;color:#70a16b;font-size:22px;width:43px;height:43px;display:grid;place-items:center;border-radius:9px;flex:none}.account-section{border-top:1px solid #eaf0e9;padding-top:20px;margin-top:20px}.account-section h3{font:750 13px var(--heading);color:#39483e}.account-calendar-list{display:grid;gap:10px}.account-calendar-item{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:12px 14px;border:1px solid #e5ebe4;border-radius:8px}.account-check{display:flex;gap:9px;align-items:center;cursor:pointer;flex:1;min-width:0;font-size:12px}.account-check input,.account-radio input{accent-color:#7cc576}.account-check span{display:grid;gap:4px;min-width:0}.account-check b{overflow-wrap:anywhere}.account-check small{color:#849287;font-size:10px}.account-small-field{display:grid;gap:5px;color:#718076;font-size:10px;min-width:165px}.account-settings select,.account-two-cols select{background:#fff;color:#344337;border:1px solid #dfe8df;border-radius:7px;min-height:40px;padding:9px;font-size:12px;width:100%}.account-two-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.account-two-cols label{display:grid;gap:8px;font-size:11px;font-weight:700;color:#627165}.account-radio{display:flex;align-items:start;gap:9px;padding:12px 10px;border:1px solid #e5ece4;border-radius:8px;margin:9px 0;cursor:pointer}.account-radio span{display:grid;gap:5px}.account-radio b{font-size:12px}.account-radio small{font-size:10px;color:#788779;line-height:1.6}.account-map-grid{display:grid;gap:9px}.account-map-grid label{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,1.2fr);align-items:center;gap:12px}.account-map-grid span{font-size:11px;color:#506656;overflow-wrap:anywhere}.account-category-empty{padding:14px;border:1px dashed #dfe8de;color:#859187;background:#fafcfa;font-size:11px;border-radius:7px}.account-settings>.account-action-row{margin-top:20px}.account-password .form-stack{display:grid;gap:12px}.account-password .form-stack label{display:grid;gap:6px;font-size:11px;font-weight:700;color:#576a60}.account-password input{width:100%;border:1px solid #dee7dc;border-radius:7px;min-height:41px;padding:10px;font-size:12px}.account-password .password-note{font-size:10px;color:#8a988c;line-height:1.5}.account-password .form-stack button{justify-self:start}.account-security-info h3{font:750 13px var(--heading);margin-bottom:6px}.account-disconnect .account-card-title{margin-bottom:10px}.account-disconnect .button{font-size:11px}.button[disabled]{opacity:.45;cursor:not-allowed;pointer-events:none}
@media(max-width:1150px){.account-layout{grid-template-columns:minmax(0,1fr) 280px}.account-card{padding:19px}.account-sync-details{grid-template-columns:1fr}}
@media(max-width:940px){.account-layout{grid-template-columns:1fr}.account-aside{grid-row:1}.account-sync-details{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:580px){.account-profile{padding:14px}.account-profile .status-pill{font-size:9px}.account-card{padding:16px}.account-card-title{flex-wrap:wrap}.account-card-title .status-pill{margin-left:50px}.account-sync-details{grid-template-columns:1fr}.account-calendar-item{align-items:stretch;flex-direction:column}.account-small-field{min-width:0}.account-two-cols{grid-template-columns:1fr}.account-map-grid label{grid-template-columns:1fr}.account-connect-empty{padding:13px}}
