:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#233c32;background:#f7f8f5;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}.app-shell{min-height:100vh}.topbar{height:84px;background:#fff;border-bottom:1px solid #e6ebe7;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;gap:12px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{font-size:29px;background:#e8f1ec;padding:10px;border-radius:16px}.brand strong{display:block;color:#145f45;font-size:24px;letter-spacing:-.7px}.brand small{display:block;color:#899a90;font-size:11px;letter-spacing:1px}.demo-pill{background:#fff4de;color:#845915;padding:10px 14px;font-size:11px;font-weight:800;letter-spacing:.8px;border-radius:100px}.layout{display:grid;grid-template-columns:228px minmax(0,1fr);max-width:1500px;margin:auto}.sidebar{min-height:calc(100vh - 84px);padding:35px 19px;border-right:1px solid #e6ebe7;background:#fff}.side-label,.eyebrow{color:#83a58e;letter-spacing:2px;font-weight:800;font-size:11px}.sidebar nav{display:grid;gap:8px;margin-top:18px}.nav-item{border:0;background:transparent;color:#5f7268;text-align:left;padding:15px 17px;font-weight:600;border-radius:12px}.nav-item:hover{background:#f0f7f2}.nav-item.current{background:#e7f4ec;color:#17664a}.sidebar-note{font-size:12px;line-height:1.8;color:#96a49b;margin-top:55px;padding:0 16px}.content{width:100%;max-width:1120px;padding:38px 5% 80px}.notice{padding:13px 17px;border-radius:12px;background:#e9f2ef;color:#4b6a5b;font-size:13px;line-height:1.5;margin:0 0 16px}.notice.warning{background:#fff4df;color:#7a5d28}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:22px;margin:36px 0 28px}.page-heading h1{font-size:clamp(30px,4vw,44px);letter-spacing:-1.2px;margin:7px 0}.page-heading p,.med-title p,.task-main p{color:#7c8b81;margin:6px 0}.heading-paw{font-size:24px;color:#8cad9e}.summary-card{background:#e9f5ed;display:flex;flex-direction:column;min-width:180px;padding:20px 25px;border-radius:18px;color:#216e4c}.summary-card b{font-size:25px}.summary-card small{font-size:12px}.filters{display:flex;gap:14px;flex-wrap:wrap;margin:15px 0 33px}.filters label,.note-form label{display:flex;flex-direction:column;gap:7px;color:#597065;font-size:13px;font-weight:600}.filters input,.filters select,.note-form select,.note-form textarea{padding:12px 15px;background:#fff;border:1px solid #dce6dd;border-radius:11px;min-width:180px;color:#294b3a}.section-title{font-size:20px;letter-spacing:-.4px;margin:25px 0 15px}.count{display:inline-block;font-size:12px;background:#e6eee8;border-radius:20px;padding:4px 9px;vertical-align:middle}.card{background:#fff;border:1px solid #e9ede8;border-radius:17px;padding:21px 24px;margin-bottom:13px;box-shadow:0 4px 20px #1b453508}.task-main{display:flex;align-items:center;gap:17px}.grow{flex:1;min-width:0}.time-chip{background:#f1f5f1;color:#256e4b;padding:13px;border-radius:11px;font-weight:800;min-width:70px;text-align:center}.task-main strong,.med-title strong{font-size:16px}.status{white-space:nowrap;border-radius:100px;padding:7px 12px;font-size:12px;font-weight:750;background:#eef0ee;color:#62736b}.status-gegeben{background:#dff6e7;color:#177147}.status-unklar,.status-mehrdeutig{background:#fff0da;color:#9f6724}.status-ausgelassen{background:#ffeae7;color:#a04f47}.status-actions{border-top:1px solid #f1f3ef;padding-top:14px;margin-top:17px;display:flex;gap:8px;flex-wrap:wrap}.status-actions button{background:#f5f8f5;color:#496658;border:1px solid #dde7df;border-radius:9px;padding:9px 12px;font-size:12px;font-weight:600}.status-actions button:hover:not(:disabled){background:#e1f2e6}.warning-text{background:#fff5e7;padding:10px;border-radius:10px}.card details{font-size:13px;color:#5c7164;margin-top:11px}.card summary{cursor:pointer}.card li{padding-top:6px}.pet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:15px}.pet-card{min-height:235px}.pet-avatar{font-size:38px;background:#eaf4ed;border-radius:15px;padding:14px;display:inline-block}.pet-card h2{margin-bottom:9px}.pet-card p{font-size:13px;color:#85958a;line-height:1.6}.soft-tag{background:#ebf3ed;color:#2a7955;border-radius:30px;padding:7px 12px;font-size:12px}.med-title{display:flex;justify-content:space-between;gap:12px;align-items:center}.note-form{display:grid;gap:16px;max-width:680px}.note-form h2{margin:0}.note-form textarea{width:100%;min-height:110px;resize:vertical}.primary{background:#216f50;border:0;color:#fff;font-weight:700;padding:12px 16px;border-radius:10px}.note-form small{color:#8b9b90}.note-card p{white-space:pre-wrap}.empty{color:#7f9185}@media(max-width:750px){.topbar{padding:10px 17px;height:auto;min-height:76px}.brand strong{font-size:21px}.brand small{font-size:10px}.demo-pill{font-size:9px;padding:8px}.layout{display:block}.sidebar{min-height:0;border-right:0;border-bottom:1px solid #e9ede8;padding:12px 16px}.sidebar .side-label,.sidebar-note{display:none}.sidebar nav{display:flex;overflow:auto;margin:0;gap:5px}.nav-item{padding:11px 13px;white-space:nowrap;font-size:13px}.content{padding:19px 17px 60px}.page-heading{margin:22px 0;align-items:flex-start}.summary-card{min-width:112px;padding:14px}.summary-card b{font-size:21px}.task-main{gap:9px;flex-wrap:wrap}.time-chip{padding:10px;min-width:60px}.status{margin-left:auto}.card{padding:17px}.filters input,.filters select{min-width:140px}}.med-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.med-actions button{border:1px solid #d6e6da;background:#f0f8f1;color:#29664b;padding:10px 14px;border-radius:10px;font-weight:600}.med-add-form,.med-edit-form{display:grid;gap:13px;max-width:720px}.med-add-form h2{margin:0}.med-add-form label,.med-edit-form label{display:flex;flex-direction:column;gap:6px;color:#52705e;font-weight:600;font-size:13px}.med-add-form input,.med-add-form select,.med-edit-form input{padding:12px 14px;border:1px solid #dce6dd;border-radius:11px;background:#fff;color:#294b3a;width:100%;max-width:500px}.med-edit-form{margin-top:14px;padding:15px;background:#f8fbf8;border-radius:12px;border:1px solid #e3eee4}.med-edit-form .primary,.med-add-form .primary{justify-self:start}.small-detail{font-size:13px;color:#73897a;line-height:1.6}