*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#1e40af;--primary-dark:#1e3a8a;--primary-light:#dbeafe;--danger:#dc2626;--success:#15803d;--warn:#d97706;--border:#e5e7eb;--bg:#f9fafb;--text:#111827;--muted:#6b7280;--white:#fff;--radius:6px;--nav-h:56px}body{background:var(--bg);color:var(--text);font-family:system-ui,sans-serif;font-size:14px}.app-shell{flex-direction:column;min-height:100vh;display:flex}.navbar{background:var(--primary-dark);color:#fff;height:var(--nav-h);z-index:100;align-items:center;gap:20px;padding:0 16px;display:flex;position:sticky;top:0}.navbar-brand{color:#fff;font-size:18px;font-weight:700;text-decoration:none}.navbar-links{flex:1;gap:4px;display:flex}.navbar-links a{color:#bfdbfe;border-radius:var(--radius);padding:6px 10px;font-size:13px;text-decoration:none}.navbar-links a:hover,.navbar-links a.active{color:#fff;background:#ffffff26}.navbar-user{color:#93c5fd;align-items:center;gap:12px;margin-left:auto;font-size:13px;display:flex}.navbar-user button{color:#93c5fd;border-radius:var(--radius);cursor:pointer;background:0 0;border:1px solid #60a5fa;padding:4px 10px;font-size:12px}.navbar-user button:hover{background:#ffffff1a}.page{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:24px 16px}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:20px}.card-title{color:var(--primary-dark);margin-bottom:16px;font-size:16px;font-weight:600}.form-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.form-grid-wide{grid-column:1/-1}.field{flex-direction:column;gap:4px;display:flex}.field label{color:var(--muted);font-size:12px;font-weight:500}.field input,.field select,.field textarea{border:1px solid var(--border);border-radius:var(--radius);background:var(--white);color:var(--text);outline:none;padding:7px 10px;font-size:13px;transition:border-color .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary)}.field textarea{resize:vertical;min-height:60px}.btn{border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;transition:opacity .15s;display:inline-flex}.btn:hover{opacity:.85}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-outline{border:1px solid var(--border);color:var(--text);background:0 0}.btn-sm{padding:4px 10px;font-size:12px}.btn-icon{border:1px solid var(--border);color:var(--muted);border-radius:var(--radius);cursor:pointer;background:0 0;padding:4px 8px;font-size:13px}.btn-icon:hover{border-color:var(--primary);color:var(--primary)}.tbl-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{background:var(--primary-light);color:var(--primary-dark);text-align:left;white-space:nowrap;padding:8px 10px;font-weight:600}td{border-bottom:1px solid var(--border);padding:7px 10px}tr:last-child td{border-bottom:none}tr.weekend td{color:var(--muted);background:#f8f8f8}tr.holiday td{background:#fff7ed}tr.today td{background:#eff6ff;font-weight:500}tr.sum-row td{background:#e5e7eb;font-weight:600}tr.sub-entry td{background:#fafafa}tr.day-total td{background:#f0f0f0;font-size:12px;font-style:italic}.alert{border-radius:var(--radius);margin-bottom:12px;padding:10px 14px;font-size:13px}.alert-error{color:var(--danger);background:#fef2f2;border:1px solid #fecaca}.alert-success{color:var(--success);background:#f0fdf4;border:1px solid #bbf7d0}.badge{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.badge-blue{background:var(--primary-light);color:var(--primary)}.badge-green{color:#166534;background:#dcfce7}.badge-orange{color:#92400e;background:#fed7aa}.badge-red{color:var(--danger);background:#fee2e2}.badge-gray{color:var(--muted);background:#f3f4f6}.month-nav{align-items:center;gap:12px;margin-bottom:16px;display:flex}.month-nav h2{color:var(--primary-dark);text-align:center;min-width:160px;font-size:18px;font-weight:600}.neg{color:var(--danger)!important}.pos{color:var(--success)!important}.login-wrap{background:var(--primary-dark);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#fff;border-radius:10px;width:360px;padding:36px 32px;box-shadow:0 10px 40px #0003}.login-logo{color:var(--primary-dark);margin-bottom:4px;font-size:24px;font-weight:800}.login-sub{color:var(--muted);margin-bottom:24px;font-size:13px}.login-card .field{margin-bottom:14px}.login-card .btn{justify-content:center;width:100%;padding:10px;font-size:14px}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=640px){.navbar-links a span{display:none}.form-grid{grid-template-columns:1fr 1fr}.page{padding:12px 8px}}@media (width<=768px){.desktop-nav,.desktop-only{display:none!important}}.edit-row-form{flex-wrap:wrap;align-items:center;gap:6px;padding:6px 0;display:flex}.edit-row-form input,.edit-row-form select{border:1px solid #d1d5db;border-radius:4px;padding:5px 7px;font-size:14px}.edit-row-form .f-typ{width:110px}.edit-row-form .f-time{width:92px}.edit-row-form .f-pause{width:70px}.edit-row-form .f-kunde{flex:1;width:130px;min-width:100px}.edit-row-form .f-taet{flex:2;width:160px;min-width:120px}@media (width<=640px){.edit-row-form{gap:6px}.edit-row-form .f-typ{width:100%}.edit-row-form .f-time,.edit-row-form .f-pause{width:calc(50% - 4px)}.edit-row-form .f-kunde,.edit-row-form .f-taet{flex:none;width:100%}}