@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#172b36;background:#f4f7f8;font-synthesis:none;text-rendering:optimizeLegibility;--teal:#0f766e;--teal-dark:#115e59;--ink:#172b36;--muted:#74838a;--line:#e4eaec;--white:#fff;--shadow:0 12px 32px rgba(31,54,65,.06)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f4f7f8}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.muted{color:var(--muted)}.small{font-size:13px}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:700;color:#829299;margin:0 0 8px}.brand-mark{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#13a89a,#0f766e);color:white;font-family:Manrope,sans-serif;font-size:23px;font-weight:800;box-shadow:0 8px 20px #0f766e36}.login-shell{min-height:100dvh;display:grid;place-items:center;align-content:center;padding:28px 18px}.login-card{width:min(100%,410px);background:white;border:1px solid #e8edef;border-radius:24px;padding:36px;box-shadow:var(--shadow)}.login-card>.brand-mark{margin:0 auto 22px}.login-card h1{font:800 30px Manrope,sans-serif;text-align:center;letter-spacing:-.04em;margin:0}.login-card>.muted{text-align:center;margin:8px 0 26px}.login-card .eyebrow{text-align:center}.form-stack{display:grid;gap:16px}.login-card label,.dialog label{display:grid;gap:7px;font-size:13px;font-weight:600;color:#40545e}.input,.login-card input,.dialog input,.dialog select{width:100%;border:1px solid #dce5e7;border-radius:10px;padding:12px 13px;background:#fff;color:var(--ink);outline:none;min-height:44px}.login-card input:focus,.dialog input:focus,.dialog select:focus{border-color:#1a9b8f;box-shadow:0 0 0 3px #0f766e17}.button{border:0;border-radius:10px;padding:11px 16px;font-weight:700;font-size:13px;transition:.15s ease}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--teal);color:white;box-shadow:0 5px 12px #0f766e26}.button.primary:hover{background:var(--teal-dark)}.button.secondary{background:#eef3f4;color:#40545e}.form-error{color:#b64040;font-size:12px;min-height:16px;margin:0}.setup-details{margin-top:24px;border-top:1px solid var(--line);padding-top:15px}.setup-details summary{font-size:12px;color:#71828a;cursor:pointer}.setup-details form{margin-top:14px}.login-foot{font-size:12px;margin:18px 0 0}.app{min-height:100dvh;display:flex}.sidebar{width:248px;background:#fff;border-right:1px solid var(--line);padding:25px 16px 16px;display:flex;flex-direction:column;flex-shrink:0}.side-brand{display:flex;align-items:center;gap:11px;padding:0 9px 36px}.side-brand strong{display:block;font:700 14px Manrope,sans-serif}.side-brand span{display:block;font-size:9px;letter-spacing:.16em;color:#8a989d;margin-top:3px}.small-mark{width:35px;height:35px;border-radius:11px;font-size:17px}.sidebar nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#697980;text-align:left;border-radius:9px;padding:12px 13px;display:flex;align-items:center;gap:13px;font-size:13px;font-weight:600}.nav-item span{font-size:17px;width:20px;text-align:center}.nav-item:hover,.nav-item.active{background:#eaf5f4;color:var(--teal)}.side-bottom{margin-top:auto}.user-chip{display:flex;gap:10px;align-items:center;padding:13px 9px;border-top:1px solid var(--line)}.avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#e3f2f0;color:var(--teal);font-weight:700;font-size:13px}.user-chip strong{display:block;font-size:12px}.user-chip small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.logout{border:0;background:transparent;color:#839197;font-size:12px;padding:8px 10px}.main-area{flex:1;min-width:0;padding:30px clamp(18px,3.5vw,54px) 48px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.topbar h1{font:800 27px Manrope,sans-serif;letter-spacing:-.04em;margin:0}.top-actions{display:flex;align-items:center;gap:12px}.year-select-label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.year-select-label select{border:1px solid var(--line);background:white;border-radius:9px;padding:9px 27px 9px 11px;color:var(--ink);font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin-bottom:19px}.stat-card,.panel{background:var(--white);border:1px solid #e8edef;border-radius:15px;box-shadow:var(--shadow)}.stat-card{display:flex;align-items:center;gap:14px;padding:20px}.stat-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:21px}.stat-icon.teal{background:#e6f4f2;color:#14877e}.stat-icon.blue{background:#eaf1fb;color:#507cb5}.stat-icon.amber{background:#fff5df;color:#ba8933}.stat-card p{margin:0 0 6px;color:var(--muted);font-size:12px}.stat-card strong{font:800 24px Manrope,sans-serif;letter-spacing:-.03em}.content-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);gap:18px}.panel{padding:21px;margin-bottom:18px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.panel-heading h2{font:700 16px Manrope,sans-serif;margin:0 0 5px}.panel-heading p{font-size:11px;margin:0}.text-button{border:0;background:none;color:var(--teal);font-size:12px;font-weight:700}.upcoming-list{display:grid}.upcoming-row{display:grid;grid-template-columns:43px 1fr auto;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #eff2f3}.date-badge{background:#eef6f5;color:var(--teal);border-radius:10px;text-align:center;padding:7px 4px;font-size:10px;font-weight:700}.upcoming-row strong{display:block;font-size:12px}.upcoming-row small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.badge{display:inline-flex;align-items:center;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:700}.badge.approved{background:#e6f4eb;color:#348453}.badge.pending{background:#fff4de;color:#a27420}.badge.rejected{background:#fbe9e9;color:#a74949}.empty-state{text-align:center;color:var(--muted);font-size:12px;padding:25px 10px}.balance-list{display:grid;gap:14px}.balance-row{display:grid;grid-template-columns:1fr auto;gap:7px}.balance-label{display:flex;justify-content:space-between;font-size:11px}.balance-track{grid-column:1/3;height:6px;background:#edf1f1;border-radius:5px;overflow:hidden}.balance-track i{display:block;height:100%;background:#20a397;border-radius:5px}.calendar-heading{align-items:flex-start}.legend{display:flex;gap:13px;font-size:10px;color:var(--muted);padding-top:5px}.legend span{display:flex;align-items:center;gap:5px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.dot.approved{background:#1b9a77}.dot.pending{background:#e9ae49}.calendar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.month-card{border:1px solid #edf0f0;border-radius:11px;padding:12px;min-height:150px}.month-title{font:700 12px Manrope,sans-serif;margin-bottom:9px}.mini-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center;font-size:8px;color:#a2afb3}.mini-days .day{padding:4px 0;border-radius:4px;min-height:17px;color:#4b5b62}.mini-days .day.today{outline:1px solid #139386}.mini-days .day.leave-approved{background:#dff2eb;color:#187653}.mini-days .day.leave-pending{background:#fff0d1;color:#966a16}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:620px}th,td{text-align:left;padding:12px 11px;border-top:1px solid #edf0f0;font-size:11px}th{color:#849298;font-weight:600;font-size:10px}td strong{font-size:11px}.row-action{border:0;background:transparent;color:#8c999d;font-size:18px}.employee-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.employee-card{border:1px solid #edf0f0;border-radius:12px;padding:15px;display:flex;align-items:center;gap:12px}.employee-card .avatar{width:39px;height:39px}.employee-card strong{font-size:12px}.employee-card small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.employee-card .emp-days{margin-left:auto;text-align:right;font-size:11px;font-weight:700}.employee-card .emp-days small{font-weight:400}.notice{padding:12px 15px;border-radius:10px;margin-bottom:16px;background:#e8f5ee;color:#2d7950;font-size:12px}.notice.error{background:#fbeaea;color:#a34141}.dialog{border:0;border-radius:18px;padding:25px;width:min(100% - 28px,470px);box-shadow:0 24px 80px #15262d38}.dialog::backdrop{background:#162b35a3;backdrop-filter:blur(2px)}.dialog form{display:grid;gap:16px}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3px}.dialog-head h2{font:800 20px Manrope,sans-serif;margin:0}.icon-button{width:30px;height:30px;border:0;border-radius:50%;background:#eef3f4;color:#607179;font-size:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.days-hint{margin:-5px 0 0;color:var(--teal);font-size:12px;font-weight:700}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:5px}.admin-only[hidden]{display:none!important}
@media(max-width:960px){.sidebar{width:210px}.content-grid{grid-template-columns:1fr}.calendar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.main-area{padding-inline:22px}}
@media(max-width:700px){.app{display:block;padding-bottom:66px}.sidebar{position:fixed;z-index:5;bottom:0;left:0;right:0;width:auto;height:63px;padding:5px 10px;border-right:0;border-top:1px solid var(--line);display:block}.side-brand,.side-bottom{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.nav-item{justify-content:center;flex-direction:column;gap:1px;padding:5px 3px;font-size:9px}.nav-item span{font-size:16px}.main-area{padding:20px 14px 22px}.topbar{align-items:flex-start;margin-bottom:18px}.topbar h1{font-size:22px}.top-actions{gap:7px;flex-direction:column-reverse;align-items:flex-end}.top-actions .button{padding:9px 11px;font-size:11px}.year-select-label{font-size:10px}.stats-grid{grid-template-columns:1fr;gap:9px}.stat-card{padding:13px 15px}.stat-icon{width:37px;height:37px}.stat-card strong{font-size:20px}.panel{padding:16px;margin-bottom:12px}.panel-heading{align-items:flex-start}.calendar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.month-card{padding:9px;min-height:140px}.legend{gap:7px;flex-direction:column}.employee-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.login-card{padding:28px 22px}.dialog{padding:20px}.user-chip{display:none}.logout{display:none}}
.employee-card{font:inherit;color:var(--ink);background:#fff;text-align:left;cursor:default}.admin-only .employee-card,.employee-card[data-edit-employee]{cursor:pointer}.employee-card:hover{border-color:#c9d7da;background:#fbfdfd}.account-role{color:var(--teal)!important;font-weight:700}.button.danger{background:#fbe9e9;color:#a74949}.month-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 0 15px}.team-calendar{min-width:0}.matrix{min-width:950px}.matrix th:first-child{position:sticky;left:0;background:#fff;z-index:2;min-width:150px}.matrix td{text-align:center;height:44px;border:1px solid #edf0f0}.matrix td.has-leave{background:#e6f0ff;color:#3d5f98;font-weight:700}.matrix.month{min-width:1200px}.matrix.month th:not(:first-child){padding:8px 5px;text-align:center;min-width:30px}.matrix.month td{padding:3px;min-width:30px;height:36px}.matrix .weekend{background:#fff0f1;color:#b9515f}.matrix td.leave.approved{background:#ccebdd;color:#176d50}.matrix td.leave.pending{background:#ffedc5;color:#8a6115}.matrix td.over{box-shadow:inset 0 0 0 2px #d45a68}.limit-grid{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:12px}.limit-grid label{display:grid;gap:6px;color:var(--muted);font-size:12px}.limit-grid input,.panel select{border:1px solid #dce5e7;border-radius:9px;padding:10px;background:white;color:var(--ink)}.nav-item[hidden],.page[hidden]{display:none!important}@media(max-width:700px){.sidebar nav{grid-template-columns:repeat(5,1fr)}.limit-grid{grid-template-columns:repeat(2,1fr)}.matrix th:first-child{min-width:120px}.employee-card{width:100%}}
.employee-actions{margin-left:auto;display:grid;justify-items:end;gap:7px;font-size:11px;font-weight:700}.button.mini{padding:7px 10px;font-size:10px}.calendar-help{padding:10px 12px;margin-bottom:10px;border-radius:9px;background:#eef6f5;color:var(--teal);font-size:12px}.matrix.month th small{display:block;margin-top:3px;font-size:7px;color:var(--muted)}.matrix.month td.clickable{cursor:pointer}.matrix.month td.clickable:hover,.matrix.month td.selected{outline:2px solid var(--teal);outline-offset:-2px;background:#d9f2ef}.matrix.month th.over{box-shadow:inset 0 -3px #d45a68}.settings-group>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:5px}.settings-group>summary::-webkit-details-marker{display:none}.settings-group>summary span{display:grid;gap:5px}.settings-group>summary small{color:var(--muted);font-weight:400}.settings-group>summary b{color:var(--teal);font-size:12px}.settings-group[open]>summary{padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:18px}.settings-group[open]>summary b{font-size:0}.settings-group[open]>summary b:after{content:'Schließen';font-size:12px}
.theme-toggle{background:#eef3f4;color:#40545e;white-space:nowrap}
[data-theme="dark"]{color-scheme:dark;--ink:#f4f6f8;--muted:#bdc6ce;--line:#4b5665;--white:#2a3039;--shadow:0 12px 32px rgba(0,0,0,.2)}
[data-theme="dark"] body{background:#20242b;color:var(--ink)}
[data-theme="dark"] .sidebar,[data-theme="dark"] .login-card,[data-theme="dark"] .stat-card,[data-theme="dark"] .panel,[data-theme="dark"] .matrix th:first-child,[data-theme="dark"] .employee-card{background:#2a3039;color:var(--ink);border-color:#4b5665}
[data-theme="dark"] .sidebar{background:#191d23}
[data-theme="dark"] .nav-item{color:#c0c7d0}[data-theme="dark"] .nav-item:hover,[data-theme="dark"] .nav-item.active{background:#35434a;color:#68d5c8}
[data-theme="dark"] .year-select-label select,[data-theme="dark"] .panel select,[data-theme="dark"] .limit-grid input,[data-theme="dark"] .login-card input,[data-theme="dark"] .dialog input,[data-theme="dark"] .dialog select{background:#252b33;color:#f4f6f8;border-color:#4b5665}
[data-theme="dark"] .dialog{background:#2a3039;color:#f4f6f8}[data-theme="dark"] .dialog label{color:#d8dee4}[data-theme="dark"] .button.secondary,[data-theme="dark"] .theme-toggle,[data-theme="dark"] .icon-button{background:#3b4551;color:#f4f6f8}
[data-theme="dark"] .employee-card:hover{background:#353d48;border-color:#718096}[data-theme="dark"] th,[data-theme="dark"] td,[data-theme="dark"] .upcoming-row{border-color:#46515f}[data-theme="dark"] th{color:#c0c7d0}
[data-theme="dark"] .matrix .weekend{background:#49323a;color:#ff9aaa}[data-theme="dark"] .matrix td.has-leave{background:#394466;color:#d8e2ff}[data-theme="dark"] .matrix td.leave.approved{background:#245544;color:#9ce4c8}[data-theme="dark"] .matrix td.leave.pending{background:#624d25;color:#ffe0a0}[data-theme="dark"] .matrix.month td.clickable:hover,[data-theme="dark"] .matrix.month td.selected{background:#285b57}
[data-theme="dark"] .calendar-help{background:#294744;color:#9fe3db}[data-theme="dark"] .balance-track{background:#414b57}[data-theme="dark"] .setup-details,[data-theme="dark"] .user-chip{border-color:#4b5665}[data-theme="dark"] .date-badge,[data-theme="dark"] .avatar{background:#354b4a;color:#82ddd3}
.matrix.month td.leave{font-weight:800;font-size:11px}.matrix.month td.selected{font-weight:800;color:var(--teal)}
.month-controls{flex-wrap:wrap}.draft-count{font-size:11px;color:var(--muted);font-weight:700;min-width:82px;text-align:center}.matrix.month td.draft{background:#d9f2ef;color:var(--teal);box-shadow:inset 0 0 0 2px var(--teal)}[data-theme="dark"] .matrix.month td.draft{background:#285b57;color:#baf2eb}
.matrix.month td.deletable{cursor:pointer}.matrix.month td.deletable:hover{outline:2px solid #d45a68;outline-offset:-2px}