*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--green-50: #f0fdf4;--green-100: #dcfce7;--green-600: #16a34a;--green-700: #15803d;--yellow-400: #facc15;--blue-500: #3b82f6;--blue-100: #dbeafe;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--white: #ffffff;--radius: 8px;--radius-lg: 12px;--shadow: 0 1px 3px rgba(0,0,0,.1);--shadow-md: 0 4px 6px rgba(0,0,0,.07);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}body{background:var(--green-50);color:var(--gray-800);min-height:100dvh}#root{min-height:100dvh;display:flex;flex-direction:column}.app-layout{display:flex;flex-direction:column;min-height:100dvh}.app-header{background:var(--green-600);color:var(--white);padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;box-shadow:var(--shadow-md)}.header-left{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1}.header-title{font-size:1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-main{flex:1;overflow-y:auto}.sync-indicator{display:flex;align-items:center;gap:.25rem;position:relative;flex-shrink:0}.sync-icon{display:block}.sync-icon.synced{opacity:.7}.sync-icon.pending{color:var(--yellow-400)}.sync-badge{background:var(--yellow-400);color:var(--gray-800);font-size:.7rem;font-weight:700;border-radius:99px;padding:0 5px;min-width:18px;text-align:center;line-height:18px}.btn-icon{background:none;border:none;color:var(--white);cursor:pointer;padding:4px;display:flex;align-items:center;border-radius:var(--radius);flex-shrink:0}.btn-icon:hover{background:#ffffff26}.btn-primary{background:var(--green-600);color:var(--white);border:none;border-radius:var(--radius);padding:.6rem 1.25rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap}.btn-primary:hover{background:var(--green-700)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-back{background:none;border:none;color:var(--gray-600);font-size:.9rem;font-weight:500;cursor:pointer;padding:.5rem 0;display:inline-flex;align-items:center;gap:.25rem;margin-bottom:1.25rem}.btn-back:hover{color:var(--gray-800)}.home-container{padding:1rem;max-width:480px;margin:0 auto}.home-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:.5rem}.home-subtitle{color:var(--gray-600);font-size:.9rem}.day-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.day-row{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius);padding:.875rem 1rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:border-color .15s,box-shadow .15s;width:100%;text-align:left;min-height:60px}.day-row:hover{border-color:var(--green-600);box-shadow:var(--shadow)}.day-row--today{border-color:var(--green-600)!important;background:var(--green-100)}.day-row-left{display:flex;align-items:center;gap:.5rem;min-width:0}.day-row-label{font-size:.8rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.03em;font-weight:600;flex-shrink:0}.day-row-date{font-size:.95rem;font-weight:600;color:var(--gray-800);flex-shrink:0}.day-row-today-badge{background:var(--green-600);color:var(--white);font-size:.65rem;font-weight:700;border-radius:99px;padding:2px 7px;flex-shrink:0}.day-row-right{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.day-row-status{font-size:.8rem;color:var(--gray-500)}.day-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.day-dot--synced{background:var(--green-600)}.day-dot--partial{background:var(--blue-500)}.day-dot--pending{background:var(--yellow-400)}.day-dot--empty{background:var(--gray-300)}.legend{display:flex;gap:1rem;font-size:.8rem;color:var(--gray-600);justify-content:center;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:4px}.dayview-container{padding:1rem 1rem 2rem;max-width:480px;margin:0 auto}.dayview-buttons{display:flex;flex-direction:column;gap:1rem}.dayview-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem 1rem;border:none;border-radius:var(--radius-lg);cursor:pointer;font-weight:600;font-size:1.1rem;transition:opacity .15s,transform .1s;box-shadow:var(--shadow-md);width:100%}.dayview-btn:active{transform:scale(.98)}.dayview-btn--agua{background:#0ea5e9;color:var(--white)}.dayview-btn--agua:hover{background:#0284c7}.dayview-btn--gado{background:#d97706;color:var(--white)}.dayview-btn--gado:hover{background:#b45309}.dayview-btn-icon{font-size:2.5rem}.dayview-btn-label{font-size:1.2rem}.form-container{padding:1rem 1rem 5rem;max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:.5rem}.btn-save{position:fixed;bottom:0;left:0;right:0;margin:0;border-radius:0;padding:1rem;font-size:1rem;z-index:20;box-shadow:0 -2px 8px #0000001f}.accordion{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.accordion-header{width:100%;background:none;border:none;padding:.875rem 1rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:.95rem;font-weight:600;color:var(--gray-800);text-align:left;transition:background .1s;min-height:48px}.accordion-header:hover{background:var(--gray-100)}.accordion-header--open{border-bottom:1px solid var(--gray-200)}.accordion-chevron{transition:transform .2s;color:var(--gray-500);flex-shrink:0}.accordion-chevron--open{transform:rotate(180deg)}.accordion-body{padding:.75rem;display:flex;flex-direction:column;gap:.75rem}.field-row{display:flex;align-items:center;gap:.75rem}.field-label{font-size:.85rem;color:var(--gray-600);min-width:90px;flex-shrink:0}.field-input{border:1px solid var(--gray-300);border-radius:var(--radius);padding:.5rem .6rem;font-size:1rem;width:100%;color:var(--gray-800);background:var(--white);transition:border-color .15s;min-height:44px}.field-input:focus{outline:none;border-color:var(--green-600)}.field-select{border:1px solid var(--gray-300);border-radius:var(--radius);padding:.5rem .4rem;font-size:.9rem;width:100%;color:var(--gray-800);background:var(--white);transition:border-color .15s;min-height:44px}.field-select:focus{outline:none;border-color:var(--green-600)}.piquetes-table{display:grid;gap:.4rem}.piquetes-header{display:grid;grid-template-columns:36px 1fr 1fr;gap:.4rem;font-size:.72rem;color:var(--gray-500);font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:0 .1rem}.piquetes-row{display:grid;grid-template-columns:36px 1fr 1fr;gap:.4rem;align-items:center}.piquete-num{font-size:.8rem;font-weight:700;color:var(--gray-600);text-align:center}.piquetes-table--gado .piquetes-header,.piquetes-row--gado{grid-template-columns:36px 1fr 60px 80px}@media(max-width:420px){.header-title{font-size:.9rem}.piquetes-table--gado .piquetes-header{grid-template-columns:32px 1fr 52px 72px;font-size:.65rem}.piquetes-row--gado{grid-template-columns:32px 1fr 52px 72px}.piquete-num{font-size:.72rem}.dayview-btn{padding:1.5rem 1rem}.field-select{font-size:.85rem;padding:.4rem .25rem}}