:root{--bg: #f7f8fb;--card: #ffffff;--accent: #1f7bd6;--muted: #666;--text: #111;--border: #ddd;--radius: 12px;--transition: .25s cubic-bezier(.25, .8, .25, 1);--evt-bg-breeding: #e3f2fd;--evt-text-breeding: #1565c0;--evt-bg-medical: #ffebee;--evt-text-medical: #c62828;--evt-bg-cleaning: #e8f5e9;--evt-text-cleaning: #2e7d32;--evt-bg-general: #f5f5f5;--evt-text-general: #616161;--ripple-color: rgba(0, 0, 0, .1);--header-bg: var(--accent);--header-text: #fff}:root.dark{--bg: #171a1f;--card: #1e2127;--accent: #4e9eff;--muted: #aaa;--text: #f0f0f0;--border: #333;--evt-bg-breeding: #0d2b46;--evt-text-breeding: #90caf9;--evt-bg-medical: #3e1818;--evt-text-medical: #ef9a9a;--evt-bg-cleaning: #1b3320;--evt-text-cleaning: #a5d6a7;--evt-bg-general: #2d2d2d;--evt-text-general: #eeeeee;--ripple-color: rgba(255, 255, 255, .1);--header-bg: #1e2127;--header-text: #f0f0f0}*{box-sizing:border-box;transition:background-color .2s,color .2s,border-color .2s;-webkit-tap-highlight-color:transparent}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;padding:0;margin:0;background:var(--bg);color:var(--text);overscroll-behavior-y:none}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.header{background:var(--accent);color:#fff;padding:8px 16px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:50;box-shadow:0 2px 4px -1px #0003}.header .title{display:flex;align-items:center;cursor:pointer;flex:1}.logo-mobile{height:60px;width:auto;display:block}.logo-desktop{display:none}.header .nav{display:flex;gap:4px}.nav-btn{background:transparent;border:none;color:#ffffffb3;padding:8px 12px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s;gap:10px}.nav-btn:hover{color:#fff;background:#ffffff1a}.nav-btn.active{color:#fff;background:#fff3;font-weight:600}.nav-label{display:none}.container{padding:12px 12px 80px;flex:1}.card{background:var(--card);border-radius:var(--radius);padding:12px;margin-bottom:12px;border:1px solid var(--border);box-shadow:0 1px 3px #0000001f}.search-bar-container{background:var(--card);padding:10px;border-radius:12px;border:1px solid var(--border);margin-bottom:16px;position:sticky;top:60px;z-index:40;box-shadow:0 2px 5px #0000000d}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pigeon-list{list-style:none;padding:0;margin:8px 0}.pigeon-item{display:flex;gap:10px;padding:10px;border-bottom:1px solid var(--border);align-items:center;background:var(--card);position:relative}.pigeon-item:last-child{border-bottom:none}.pigeon-item .thumb{width:56px;height:56px;border-radius:8px;object-fit:contain;background-color:#f0f2f5;border:1px solid var(--border)}:root.dark .pigeon-item .thumb{background-color:#2c3036}.pigeon-item .meta{flex:1}.actions button{font-size:13px;padding:6px 10px}.primary{background:var(--accent);color:#fff;border:0;padding:8px 12px;border-radius:8px;font-weight:600;cursor:pointer}button{padding:8px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer}form label{display:block;margin:12px 0;font-size:14px;font-weight:500}input,textarea,select{width:100%;padding:10px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:16px}.form-actions{display:flex;gap:8px;margin-top:20px}.back{background:transparent;border:0;padding:6px 0;color:var(--accent);margin-bottom:6px;font-weight:600}.footer{text-align:center;padding:10px;color:var(--muted);font-size:13px;background:var(--bg)}.muted{color:var(--muted);font-size:13px}.clickable{cursor:pointer}.badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge.M{background-color:#e3f2fd;color:#1976d2}.badge.F{background-color:#fce4ec;color:#c2185b}.badge.Unknown{background-color:#eee;color:#616161}.fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background-color:var(--accent);color:#fff;border:none;font-size:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;box-shadow:0 6px 10px #00000024;transition:transform .2s}.fab:active{transform:scale(.95)}.event-list{display:flex;flex-direction:column;gap:10px}.event-card{display:flex;align-items:flex-start;padding:10px 12px;border-radius:6px;border-left-width:4px;border-left-style:solid;margin-bottom:0;background:var(--card);box-shadow:0 1px 2px #0000001a}.event-card.breeding{background:var(--evt-bg-breeding);border-color:var(--evt-text-breeding)}.event-card.medical{background:var(--evt-bg-medical);border-color:var(--evt-text-medical)}.event-card.cleaning{background:var(--evt-bg-cleaning);border-color:var(--evt-text-cleaning)}.event-card.general{background:var(--evt-bg-general);border-color:var(--evt-text-general)}.event-card .evt-date-box{padding-right:15px;margin-right:15px;border-right:1px solid rgba(0,0,0,.1);text-align:center;min-width:60px}.event-card .evt-date-text{font-weight:700;text-transform:uppercase}.event-card.breeding .evt-date-text,.event-card.breeding .evt-type{color:var(--evt-text-breeding)}.event-card.medical .evt-date-text,.event-card.medical .evt-type{color:var(--evt-text-medical)}.event-card.cleaning .evt-date-text,.event-card.cleaning .evt-type{color:var(--evt-text-cleaning)}.event-card.general .evt-date-text,.event-card.general .evt-type{color:var(--evt-text-general)}.evt-title{font-weight:700;color:var(--text)}.evt-subtitle{font-size:13px;opacity:.85;color:var(--text);margin-top:2px}.evt-desc{font-size:12px;color:var(--muted);margin-top:4px;font-style:italic}@media (min-width: 1024px){.app{flex-direction:row;align-items:flex-start}.header{width:320px;height:100vh;flex-direction:column;justify-content:flex-start;align-items:center;padding:24px 0;background:var(--card);border-right:1px solid var(--border);box-shadow:none}:root.dark .header{background:var(--card)}.header .title{flex:0;margin-bottom:30px;width:100%;display:flex;justify-content:center;padding:0 10px}.logo-mobile{display:none}.logo-desktop{display:block;font-size:28px;line-height:1.2;text-align:center;color:var(--text);margin:0;font-weight:800;font-family:system-ui,-apple-system,sans-serif;letter-spacing:-.5px}.header .nav{flex-direction:column;width:100%;gap:8px;padding:0 20px}.nav-btn{width:100%;justify-content:flex-start;color:var(--text);padding:12px 16px;font-size:16px}.nav-btn:hover{background:var(--bg);color:var(--accent)}.nav-btn.active{background:var(--e3f2fd);color:var(--accent);border:1px solid var(--accent)}.nav-label{display:inline}.container{padding:40px;max-width:1400px;margin:0;overflow-y:auto;height:100vh}.footer{display:none}.pigeon-list,.event-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.pigeon-item{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;align-items:flex-start;padding:16px;height:100%;transition:transform .2s,box-shadow .2s}.event-card{height:100%;transition:transform .2s}.pigeon-item:hover,.event-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0000001a;border-color:var(--accent)}.pigeon-item .thumb{width:100%;height:120px;margin-bottom:12px;object-fit:contain;background-color:#f8f9fa}.pigeon-item .meta{width:100%}.pigeon-item .actions{margin-top:12px;width:100%;opacity:0;transition:opacity .2s}.pigeon-item:hover .actions{opacity:1}.search-bar-container{top:0}.fab{right:40px;bottom:40px}}