:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#11201a;--muted:#68776f;--line:#dfe8e3;--soft:#f2f6f4;--canvas:#edf3f0;--card:#fff;--green:#14865f;--green-dark:#0d6547;--green-pale:#e8f6f0;--red:#d9485f;--orange:#d97706;--blue:#2476c9;--purple:#7656c9;--shadow:0 10px 35px #12302412}*{box-sizing:border-box}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.admin-shell{background:var(--canvas);min-height:100vh;color:var(--ink);display:flex}.sidebar{z-index:40;color:#e9f4ef;background:radial-gradient(circle at 20% 0,#18382d 0,#0c1713 43%,#09110e 100%);border-right:1px solid #ffffff14;flex-direction:column;width:252px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;height:92px;padding:0 24px;display:flex}.sidebar-brand img{object-fit:cover;background:#fff;border-radius:12px;width:44px;height:44px}.sidebar-brand div{flex-direction:column;display:flex}.sidebar-brand strong{letter-spacing:-.3px;font-size:18px}.sidebar-brand small{color:#7f9c90;text-transform:uppercase;letter-spacing:1.1px;margin-top:2px;font-size:10px}.sidebar nav{flex:1;padding:24px 14px}.sidebar nav button{color:#9fb3aa;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:13px;width:100%;min-height:48px;margin-bottom:5px;padding:0 14px;transition:all .18s;display:flex;position:relative}.sidebar nav button:hover{color:#fff;background:#ffffff0e}.sidebar nav button.active{color:#fff;background:linear-gradient(90deg,#1cb07938,#1cb07914)}.sidebar nav button.active .icon{color:#39d69a}.sidebar nav button i{background:#39d69a;border-radius:3px 0 0 3px;width:3px;height:25px;position:absolute;right:-14px}.app-download-card{color:#ecfff7;text-align:left;background:linear-gradient(135deg,#27c48938,#27c48914);border:1px solid #49dba347;border-radius:13px;align-items:center;gap:10px;margin:0 14px;padding:12px;text-decoration:none;transition:all .18s;display:flex}.app-download-card:hover{background:linear-gradient(135deg,#27c4894d,#27c4891f);border-color:#49dba37a;transform:translateY(-1px)}.app-download-icon{color:#092118;background:#43dca2;border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.app-download-copy{flex-direction:column;flex:1;min-width:0;display:flex}.app-download-copy strong{font-size:11px}.app-download-copy small{color:#8eb7a7;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:9px;overflow:hidden}.app-download-arrow{color:#43dca2;font-size:16px;font-weight:800}.platform-options{gap:12px;display:grid}.platform-option{min-height:92px;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:13px;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;padding:15px;text-decoration:none;display:grid}.platform-option.available{transition:all .16s}.platform-option.available:hover{background:#fbfffd;border-color:#8fcbb4;transform:translateY(-1px);box-shadow:0 7px 24px #14865f14}.platform-option.unavailable{background:#f7f9f8}.platform-logo{border-radius:13px;place-items:center;width:48px;height:48px;font-size:13px;font-weight:850;display:grid}.platform-logo.android{color:#08754e;background:var(--green-pale)}.platform-logo.ios{color:#3d4843;background:#e8edeb}.platform-option div{min-width:0}.platform-option strong{font-size:14px}.platform-option p{color:var(--muted);margin:4px 0;font-size:10px;line-height:1.45}.platform-option small{color:var(--green);font-size:9px;font-weight:750}.platform-option.unavailable small{color:var(--muted)}.coming-soon{color:#7a8781;letter-spacing:.5px;background:#e7ece9;border-radius:99px;padding:5px 8px;font-size:7px;font-weight:850}.ios-note{color:#81600d;background:#fff7dc;border:1px solid #f1df9c;border-radius:10px;align-items:flex-start;gap:9px;margin-top:14px;padding:11px 12px;font-size:9px;line-height:1.5;display:flex}.sidebar-foot{background:#ffffff09;border:1px solid #ffffff14;border-radius:13px;align-items:center;gap:9px;margin:14px;padding:14px;display:flex}.user-chip{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.user-chip>span{color:#0a1c15;background:#41d99f;border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:grid}.user-chip div{flex-direction:column;min-width:0;display:flex}.user-chip strong{text-overflow:ellipsis;font-size:12px;overflow:hidden}.user-chip small{color:#7f9c90;text-transform:uppercase;margin-top:2px;font-size:9px}.logout-button{color:#9fb3aa;background:0 0;border:0;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.logout-button:hover{color:#fff;background:#ffffff14}.workspace{width:calc(100% - 252px);min-height:100vh;margin-left:252px}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffed;justify-content:space-between;align-items:center;height:68px;padding:0 32px;display:flex}.topbar-context{align-items:center;gap:10px;display:flex}.topbar-context strong{font-size:13px}.topbar-context span{color:var(--muted);border-left:1px solid var(--line);padding-left:10px;font-size:11px}.topbar-date{align-items:baseline;gap:8px;font-size:11px;display:flex}.topbar-date span{color:var(--muted);text-transform:capitalize}.topbar-date strong{font-size:11px}.mobile-menu,.sidebar-scrim{display:none}.workspace-scroll{min-height:calc(100vh - 68px)}.page{width:100%;max-width:1500px;margin:0 auto;padding:34px 36px 54px}.page-header{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:25px;display:flex}.page-header h1{letter-spacing:-1.1px;margin:5px 0 7px;font-size:clamp(26px,2.4vw,38px);line-height:1.08}.page-header p{max-width:690px;color:var(--muted);margin:0;font-size:13px;line-height:1.6}.page-actions{align-items:center;gap:9px;display:flex}.eyebrow{color:var(--green);letter-spacing:1.8px;font-size:9px;font-weight:800;display:block}.muted{color:var(--muted)}.icon{flex:none}.primary-button,.secondary-button,.text-button{white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-size:12px;font-weight:750;transition:all .15s;display:inline-flex}.primary-button{color:#fff;background:var(--green);border:1px solid var(--green);box-shadow:0 5px 15px #14865f2b}.primary-button:hover{background:var(--green-dark);transform:translateY(-1px)}.secondary-button{color:var(--ink);border:1px solid var(--line);background:#fff}.secondary-button:hover{background:var(--soft);border-color:#aabbb2}.text-button{min-height:32px;color:var(--green);background:0 0;border:0;padding:0}.text-button:hover{color:var(--green-dark)}.compact{min-height:34px;padding:0 11px;font-size:11px}.full{width:100%}.danger-text{color:var(--red)}button:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.icon-button{width:38px;height:38px;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:9px;flex:none;place-items:center;display:inline-grid}.icon-button:hover,.icon-button.subtle{background:var(--soft)}.icon-button.danger{color:var(--red)}.panel{background:var(--card);border:1px solid var(--line);min-width:0;box-shadow:var(--shadow);border-radius:15px;padding:21px;overflow:hidden}.panel-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;display:flex}.panel-header h2{letter-spacing:-.35px;margin:4px 0 0;font-size:17px}.dashboard-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:17px;display:grid}.span-5{grid-column:span 5}.span-7{grid-column:span 7}.span-12{grid-column:span 12}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:17px;display:grid}.metric-card{min-width:0;color:var(--ink);text-align:left;border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px;grid-template-rows:auto auto auto;grid-template-columns:auto 1fr;column-gap:13px;padding:18px;display:grid}.metric-card:hover{border-color:#b8cec4;transform:translateY(-2px)}.metric-icon{width:42px;height:42px;color:var(--green);background:var(--green-pale);border-radius:11px;grid-row:1/4;place-items:center;display:grid}.metric-card .metric-label{color:var(--muted);text-transform:uppercase;letter-spacing:.6px;align-self:end;font-size:10px;font-weight:700}.metric-card>strong{letter-spacing:-.7px;text-overflow:ellipsis;margin-top:3px;font-size:22px;overflow:hidden}.metric-card>small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:10px;overflow:hidden}.tone-blue .metric-icon,.metric-icon.tone-blue{color:var(--blue);background:#eaf3fc}.tone-green .metric-icon,.metric-icon.tone-green{color:var(--green);background:var(--green-pale)}.tone-red .metric-icon,.metric-icon.tone-red{color:var(--red);background:#fdecef}.tone-purple .metric-icon,.metric-icon.tone-purple{color:var(--purple);background:#f0ecfb}.tone-orange .metric-icon,.metric-icon.tone-orange{color:var(--orange);background:#fff4e3}.data-table-wrap{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:12px}.data-table th{color:#7b8982;border-bottom:1px solid var(--line);letter-spacing:.65px;text-align:left;text-transform:uppercase;background:#f7f9f8;padding:9px 12px;font-size:9px;font-weight:800}.data-table td{vertical-align:middle;border-bottom:1px solid #edf1ef;padding:12px}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fafcfb}.data-table td>strong{font-size:12px;display:block}.data-table td>small{color:var(--muted);margin-top:3px;font-size:9px;display:block}.data-table .right,.right{text-align:right}.amount{font-size:13px;font-weight:800}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.status-badge{color:#56635d;white-space:nowrap;background:#edf1ef;border-radius:99px;align-items:center;min-height:23px;padding:0 8px;font-size:9px;font-weight:800;display:inline-flex}.status-bezahlt,.status-erledigt,.status-bestaetigt,.status-abgeschlossen{color:#08764f;background:#e5f6ef}.status-ueberfaellig,.status-abgesagt,.status-storniert{color:#b62d45;background:#fde8ec}.status-versendet,.status-ausfuehrung,.status-auftrag-erhalten{color:#225fa0;background:#e7f1fb}.status-entwurf,.status-geplant,.status-erstkontakt{color:#a06107;background:#fff2dc}.agenda-list{flex-direction:column;display:flex}.agenda-item{color:var(--ink);text-align:left;background:0 0;border:0;border-bottom:1px solid #edf1ef;grid-template-columns:41px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 0;display:grid}.agenda-item:last-child{border-bottom:0}.agenda-item time{width:41px;height:43px;color:var(--green);background:var(--green-pale);text-align:center;border-radius:9px;place-content:center;display:grid}.agenda-item time strong{font-size:15px;line-height:1}.agenda-item time span{text-transform:uppercase;margin-top:2px;font-size:8px;font-weight:700}.agenda-item>div{flex-direction:column;min-width:0;display:flex}.agenda-item>div strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.agenda-item>div span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:9px;overflow:hidden}.finance-summary{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;display:grid}.finance-summary div{background:var(--soft);border-radius:10px;padding:12px}.finance-summary span,.finance-summary strong{display:block}.finance-summary span{color:var(--muted);font-size:9px}.finance-summary strong{margin-top:4px;font-size:16px}.invoice-mini-list button{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;border-top:1px solid #edf1ef;justify-content:space-between;align-items:center;gap:15px;padding:10px 0;display:flex}.invoice-mini-list button>span{flex-direction:column;align-items:flex-start;gap:3px;display:flex}.invoice-mini-list button>span:last-child{align-items:flex-end}.invoice-mini-list small{color:var(--muted);font-size:9px}.timeline>div{gap:11px;padding:0 0 15px 4px;display:flex;position:relative}.timeline>div:not(:last-child):before{content:"";background:var(--line);width:1px;position:absolute;top:9px;bottom:-2px;left:7px}.timeline i{z-index:1;background:var(--green);width:7px;height:7px;box-shadow:0 0 0 4px var(--green-pale);border-radius:50%;flex:0 0 7px;margin-top:5px}.timeline span{flex-direction:column;display:flex}.timeline strong{font-size:11px;font-weight:650;line-height:1.45}.timeline small{color:var(--muted);margin-top:3px;font-size:9px}.toolbar{align-items:center;gap:10px;margin:-2px 0 18px;display:flex}.search-field{min-width:220px;max-width:480px;height:40px;color:var(--muted);background:var(--soft);border:1px solid #0000;border-radius:9px;flex:1;align-items:center;gap:9px;padding:0 12px;display:flex}.search-field:focus-within{border-color:var(--green);background:#fff;box-shadow:0 0 0 3px #14865f17}.search-field input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:12px}.toolbar>select,.form-stack select,.form-stack input,.form-stack textarea{color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:9px;outline:0;transition:all .15s}.toolbar>select{height:40px;padding:0 32px 0 11px;font-size:11px}.record-count{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:10px;font-weight:700}.row-actions{justify-content:flex-end;gap:4px;display:flex}.row-actions button{color:#607069;background:0 0;border:0;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.row-actions button:hover{color:var(--ink);background:var(--soft)}.row-actions button.danger:hover{color:var(--red);background:#fdecef}.status-select{max-width:115px;color:var(--ink);background:var(--soft);border:0;border-radius:7px;padding:5px 8px;font-size:10px;font-weight:700}.finance-cards{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:17px;display:grid}.finance-cards article{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px;align-items:center;gap:14px;padding:18px;display:flex}.finance-cards article>div{flex-direction:column;min-width:0;display:flex}.finance-cards article span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:700}.finance-cards article strong{letter-spacing:-.5px;margin-top:3px;font-size:21px}.finance-cards article small{color:var(--muted);margin-top:3px;font-size:9px}.time-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:17px;display:grid}.time-metrics article{border:1px solid var(--line);min-width:0;box-shadow:var(--shadow);background:#fff;border-radius:14px;align-items:center;gap:13px;padding:17px;display:flex}.time-metrics article>div{flex-direction:column;min-width:0;display:flex}.time-metrics small{color:var(--muted);text-transform:uppercase;letter-spacing:.55px;font-size:9px;font-weight:800}.time-metrics strong{letter-spacing:-.35px;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:18px;overflow:hidden}.time-metrics article div>span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:8px;overflow:hidden}.time-filter-panel,.time-team-panel{margin-bottom:17px}.time-filter-grid{grid-template-columns:repeat(6,minmax(120px,1fr));gap:11px;display:grid}.time-filter-grid label{color:#65746d;text-transform:uppercase;letter-spacing:.45px;flex-direction:column;gap:6px;font-size:9px;font-weight:800;display:flex}.time-filter-grid input,.time-filter-grid select{width:100%;height:40px;color:var(--ink);border:1px solid var(--line);text-transform:none;letter-spacing:0;background:#fff;border-radius:9px;outline:0;padding:0 10px;font-size:10px}.time-filter-grid input:focus,.time-filter-grid select:focus{border-color:var(--green);box-shadow:0 0 0 3px #14865f14}.time-filter-grid .time-search{min-width:0;max-width:none;height:40px}.time-filter-grid .time-search input{border:0;height:auto;padding:0}.time-team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.time-team-grid article{background:#fbfcfc;border:1px solid #e7ece9;border-radius:12px;grid-template-columns:auto 1fr;gap:11px;padding:14px;display:grid}.time-avatar{color:#0b6748;background:var(--green-pale);border-radius:10px;place-items:center;width:38px;height:38px;font-size:10px;font-weight:850;display:grid}.time-member-name{flex-direction:column;min-width:0;display:flex}.time-member-name strong{text-overflow:ellipsis;font-size:12px;overflow:hidden}.time-member-name small{color:var(--muted);margin-top:3px;font-size:8px}.time-team-grid dl{grid-column:span 2;grid-template-columns:repeat(3,1fr);gap:7px;margin:2px 0 0;display:grid}.time-team-grid dl div{background:#fff;border:1px solid #edf1ef;border-radius:8px;padding:8px}.time-team-grid dt{color:var(--muted);text-transform:uppercase;font-size:7px}.time-team-grid dd{margin:3px 0 0;font-size:10px;font-weight:800}.employee-cell{align-items:center;gap:8px;display:flex}.employee-cell i{color:#0b6748;background:var(--green-pale);border-radius:8px;place-items:center;width:28px;height:28px;font-size:8px;font-style:normal;font-weight:850;display:grid}.time-type{white-space:nowrap;border-radius:99px;padding:5px 8px;font-size:8px;font-weight:800;display:inline-flex}.type-arbeitszeit{color:#08754e;background:#e4f6ee}.type-fahrzeit{color:#1c62a3;background:#e7f1fb}.type-urlaub{color:#6e4cac;background:#f0ecfb}.type-krank{color:#b42e47;background:#fde8ec}.type-ueberstundenabbau{color:#a06107;background:#fff2dc}.time-note{max-width:230px;color:var(--muted);font-size:10px;line-height:1.45}.page-alert{margin:-8px 0 16px}.form-alert{border-radius:9px;align-items:center;gap:9px;padding:10px 12px;font-size:11px;display:flex}.form-alert.error{color:#a2263c;background:#fdecef;border:1px solid #f7ccd4}.form-alert.success{color:#08734e;background:#e8f7f0;border:1px solid #c5eadb}.form-alert button{color:inherit;background:0 0;border:0;margin-left:auto}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#040c099e;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border-radius:17px;width:min(620px,100%);max-height:calc(100vh - 48px);overflow:hidden;box-shadow:0 25px 80px #00000040}.modal-card.modal-wide{width:min(1040px,100%)}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.modal-header h2{letter-spacing:-.4px;margin:0;font-size:20px}.modal-header p{color:var(--muted);margin:4px 0 0;font-size:10px}.modal-content{max-height:calc(100vh - 130px);padding:22px;overflow-y:auto}.form-stack{flex-direction:column;gap:16px;display:flex}.form-stack label{color:#52625a;flex-direction:column;gap:6px;font-size:10px;font-weight:750;display:flex}.form-stack input,.form-stack select,.form-stack textarea{resize:vertical;width:100%;padding:10px 11px;font-size:12px;font-weight:450}.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #14865f17}.form-grid{gap:12px;display:grid}.form-grid.cols-2{grid-template-columns:repeat(2,1fr)}.form-grid.cols-3{grid-template-columns:repeat(3,1fr)}.form-grid .span-2{grid-column:span 2}.form-grid .span-3{grid-column:span 3}.form-section{background:#f8faf9;border:1px solid #e6ece9;border-radius:12px;padding:16px}.form-section-title{align-items:center;gap:10px;margin-bottom:14px;display:flex}.form-section-title>span{width:26px;height:26px;color:var(--green);background:var(--green-pale);border-radius:8px;place-items:center;font-size:9px;font-weight:800;display:grid}.form-section-title>div{flex-direction:column;flex:1;display:flex}.form-section-title strong{font-size:12px}.form-section-title small{color:var(--muted);margin-top:2px;font-size:9px}.modal-actions{justify-content:flex-end;gap:9px;padding-top:4px;display:flex}.line-items{overflow-x:auto}.line-head,.line-row{grid-template-columns:minmax(220px,1fr) 80px 90px 125px 105px 34px;align-items:center;gap:8px;min-width:760px;display:grid}.line-head{color:var(--muted);text-transform:uppercase;margin-bottom:6px;padding:0 4px;font-size:8px;font-weight:800}.line-row{margin-bottom:8px}.line-row input,.line-row select{min-width:0}.line-row>strong{text-align:right;font-size:11px}.money-input{position:relative}.money-input input{padding-right:28px}.money-input span{color:var(--muted);font-size:10px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.invoice-totals{width:min(330px,100%);margin:16px 0 0 auto}.invoice-totals div{color:var(--muted);justify-content:space-between;padding:5px 0;font-size:10px;display:flex}.invoice-totals .grand-total{color:var(--ink);border-top:2px solid var(--green);margin-top:5px;padding-top:10px;font-size:14px}.calendar-integration{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;margin-bottom:17px;padding:14px 17px;display:grid}.calendar-integration.connected{background:linear-gradient(90deg,#fbfffd,#f3fbf7);border-color:#bfe6d6}.google-mark{color:#4285f4;background:#f2f6fe;border-radius:10px;place-items:center;width:38px;height:38px;font-size:20px;font-weight:800;display:grid}.calendar-integration>div:nth-child(2) strong{font-size:12px}.calendar-integration p{color:var(--muted);margin:3px 0 0;font-size:10px;line-height:1.5}.connection-pill{color:#7b8781;text-transform:uppercase;background:#edf1ef;border-radius:99px;padding:5px 9px;font-size:8px;font-weight:800}.connection-pill.online{color:#08764f;background:#def3e9}.integration-actions{align-items:center;gap:10px;display:flex}.calendar-panel{padding:0}.calendar-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;min-height:62px;padding:0 17px;display:flex}.calendar-toolbar h2{margin:0;font-size:16px}.calendar-nav,.calendar-legend{align-items:center;gap:6px;display:flex}.calendar-legend{color:var(--muted);font-size:9px}.calendar-legend span{align-items:center;gap:5px;display:flex}.dot{border-radius:50%;width:7px;height:7px}.dot.mk{background:var(--green)}.dot.google{background:#4285f4}.week-grid{grid-template-columns:repeat(7,minmax(120px,1fr));display:grid;overflow-x:auto}.day-column{border-right:1px solid var(--line);min-height:390px}.day-column:last-child{border-right:0}.day-column>header{border-bottom:1px solid var(--line);background:#fafcfb;justify-content:center;align-items:center;gap:8px;height:58px;display:flex}.day-column>header span{color:var(--muted);text-transform:uppercase;font-size:9px;font-weight:700}.day-column>header strong{border-radius:50%;place-items:center;width:29px;height:29px;font-size:12px;display:grid}.day-column.today>header strong{color:#fff;background:var(--green)}.day-events{background:#fff;min-height:330px;padding:8px}.calendar-event{width:100%;color:var(--ink);border:0;border-left:3px solid var(--green);text-align:left;background:#ebf7f2;border-radius:7px;flex-direction:column;gap:3px;margin-bottom:7px;padding:9px;display:flex;position:relative}.calendar-event.source-google{background:#edf4fd;border-left-color:#4285f4}.calendar-event.event-abgesagt{opacity:.55;text-decoration:line-through}.calendar-event time{color:var(--green);font-size:8px;font-weight:800}.calendar-event strong{text-overflow:ellipsis;font-size:10px;overflow:hidden}.calendar-event span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.calendar-event i{color:var(--red);position:absolute;top:7px;right:7px}.day-empty{color:#c2ccc7;text-align:center;padding-top:15px;display:block}.upcoming-panel{margin-top:17px}.appointment-list article{border-top:1px solid #edf1ef;grid-template-columns:42px minmax(160px,1.3fr) minmax(170px,1fr) auto auto auto;align-items:center;gap:13px;padding:11px 0;display:grid}.appointment-list article>time{width:40px;height:42px;color:var(--green);background:var(--green-pale);text-align:center;border-radius:9px;place-content:center;display:grid}.appointment-list time strong{font-size:14px;line-height:1}.appointment-list time span{text-transform:uppercase;margin-top:2px;font-size:8px;font-weight:700}.appointment-main,.appointment-context{flex-direction:column;min-width:0;display:flex}.appointment-main strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.appointment-main span,.appointment-context small{color:var(--muted);margin-top:3px;font-size:9px}.appointment-context span{font-size:10px}.customer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.customer-card{border:1px solid var(--line);border-radius:12px;grid-template-columns:auto 1fr;gap:12px;padding:16px;display:grid}.customer-avatar{width:39px;height:39px;color:var(--green-dark);background:var(--green-pale);border-radius:10px;place-items:center;font-size:11px;font-weight:800;display:grid}.customer-card h3{margin:2px 0 3px;font-size:13px}.customer-card p{color:var(--muted);margin:0;font-size:9px;line-height:1.45}.customer-card dl{grid-column:span 2;grid-template-columns:1fr 1fr;gap:8px;margin:5px 0;display:grid}.customer-card dl div{background:var(--soft);border-radius:8px;padding:9px}.customer-card dt{color:var(--muted);text-transform:uppercase;font-size:8px}.customer-card dd{text-overflow:ellipsis;margin:3px 0 0;font-size:10px;overflow:hidden}.customer-card>a{grid-column:span 2}.loading-state{min-height:340px;color:var(--muted);justify-content:center;align-items:center;gap:11px;font-size:11px;display:flex}.spinner{border:2px solid #cce2d8;border-top-color:var(--green);border-radius:50%;width:23px;height:23px;animation:.75s linear infinite spin;display:inline-block}.spinner.small{border-color:#fff #ffffff73 #ffffff73;width:14px;height:14px}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:210px;padding:28px;display:flex}.empty-icon{width:48px;height:48px;color:var(--green);background:var(--green-pale);border-radius:14px;place-items:center;margin-bottom:11px;display:grid}.empty-state strong{font-size:13px}.empty-state p{max-width:350px;color:var(--muted);margin:6px 0 0;font-size:10px;line-height:1.5}.login-shell{min-height:100vh;color:var(--ink);background:#f3f7f5;grid-template-columns:1.05fr .95fr;display:grid}.login-brand-panel{color:#eef8f4;background:radial-gradient(circle at 20% 20%,#1b6047 0,#102a21 36%,#09120f 75%);flex-direction:column;justify-content:space-between;padding:43px 56px;display:flex;position:relative;overflow:hidden}.login-brand-panel:before{content:"";border:1px solid #3fdc9f24;border-radius:50%;width:540px;height:540px;position:absolute;bottom:-190px;right:-160px;box-shadow:0 0 0 70px #3fdc9f09,0 0 0 140px #3fdc9f06}.brand-lockup{z-index:1;align-items:center;gap:12px;font-size:18px;font-weight:800;display:flex}.brand-lockup img{object-fit:cover;background:#fff;border-radius:12px;width:45px;height:45px}.login-copy{z-index:1;max-width:620px}.login-copy .eyebrow{color:#48dda6}.login-copy h1{letter-spacing:-3px;margin:16px 0 18px;font-size:clamp(42px,5.3vw,74px);line-height:.98}.login-copy h1 em{color:#4be0aa;font-style:normal}.login-copy p{color:#9ebbb0;max-width:520px;margin:0;font-size:14px;line-height:1.7}.login-features{z-index:1;color:#a7c2b7;gap:25px;font-size:10px;display:flex}.login-features span{align-items:center;gap:6px;display:flex}.login-features .icon{color:#48dda6}.login-form-panel{place-items:center;padding:40px;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:18px;width:min(420px,100%);padding:38px;box-shadow:0 22px 60px #102a201c}.login-card h2{letter-spacing:-.7px;margin:8px 0;font-size:25px}.login-card>p{margin:0 0 25px;font-size:11px}.login-card label{color:#52625a;flex-direction:column;gap:7px;margin-bottom:14px;font-size:10px;font-weight:750;display:flex}.login-card input{height:45px;color:var(--ink);border:1px solid var(--line);background:#f8faf9;border-radius:9px;outline:0;padding:0 13px}.login-card input:focus{border-color:var(--green);background:#fff;box-shadow:0 0 0 3px #14865f17}.login-button{width:100%;height:46px;margin-top:4px}.login-card>small{color:#9aa59f;text-align:center;margin-top:18px;font-size:8px;display:block}.mobile-brand{display:none}@media (width<=1180px){.metric-grid,.time-metrics{grid-template-columns:repeat(2,1fr)}.time-filter-grid{grid-template-columns:repeat(3,1fr)}.time-team-grid{grid-template-columns:repeat(2,1fr)}.span-5,.span-7{grid-column:span 12}.customer-grid{grid-template-columns:repeat(2,1fr)}.appointment-list article{grid-template-columns:42px minmax(170px,1fr) minmax(150px,.8fr) auto auto}.appointment-list .row-actions{grid-column:5}}@media (width<=820px){.sidebar{transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-scrim{z-index:35;background:#040c0980;border:0;display:block;position:fixed;inset:0}.workspace{width:100%;margin-left:0}.topbar{padding:0 18px}.mobile-menu{width:37px;height:37px;color:var(--ink);background:var(--soft);border:1px solid var(--line);border-radius:9px;place-items:center;display:grid}.topbar-context{margin-left:12px;margin-right:auto}.topbar-context span{display:none}.page{padding:25px 18px 42px}.page-header{flex-direction:column;align-items:flex-start}.page-actions{width:100%}.finance-cards{grid-template-columns:1fr}.calendar-integration{grid-template-columns:auto 1fr auto}.integration-actions{grid-column:span 3}.login-shell{grid-template-columns:1fr}.login-brand-panel{display:none}.mobile-brand{align-items:center;gap:9px;margin-bottom:28px;display:flex}.mobile-brand img{object-fit:cover;border-radius:10px;width:38px;height:38px}}@media (width<=620px){.topbar-date span{display:none}.metric-grid,.finance-summary,.time-metrics,.time-team-grid,.time-filter-grid{grid-template-columns:1fr}.platform-option{grid-template-columns:44px 1fr}.platform-option>.icon,.coming-soon{grid-column:2;justify-self:start}.toolbar{flex-direction:column;align-items:stretch}.toolbar>select{width:100%}.record-count{margin-left:0}.form-grid.cols-2,.form-grid.cols-3{grid-template-columns:1fr}.form-grid .span-2,.form-grid .span-3{grid-column:span 1}.customer-grid{grid-template-columns:1fr}.appointment-list article{grid-template-columns:42px 1fr auto}.appointment-context{grid-column:2}.appointment-list article>.status-badge{grid-area:1/3}.appointment-list article>a,.appointment-list .row-actions{grid-column:3}.calendar-integration{grid-template-columns:auto 1fr}.calendar-integration .connection-pill{grid-column:2;justify-self:start}.integration-actions{grid-column:span 2}.calendar-toolbar{flex-direction:column;align-items:flex-start;padding:13px}.calendar-legend{display:none}.modal-backdrop{padding:0}.modal-card,.modal-card.modal-wide{border-radius:0;width:100%;max-height:100vh}.modal-content{max-height:calc(100vh - 80px)}.login-form-panel{padding:20px}.login-card{padding:26px}}@font-face{font-family:Ionicons;src:url(/assets/Ionicons-Dc4IsU-y.ttf)format("truetype");font-style:normal;font-weight:400;font-display:block}html,body,#root{width:100%;min-height:100%;margin:0}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#080c12;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}button,input,textarea,select{font:inherit}
