:root{--color-fertile:#e0f2fe;--text-fertile:#0369a1;--accent-fertile:#38bdf8;--color-ovulation:#f0fdf4;--text-ovulation:#15803d;--dot-ovulation:#22c55e;--color-period:#fff1f2;--text-period:#be123c;--accent-period:#fb7185;--color-test:#fefce8;--text-test:#854d0e;--color-due:#f5f3ff;--text-due:#5b21b6;--bg-main:#f8fafc;--glass:rgba(255, 255, 255, 0.9)}body{background-color:var(--bg-main);font-family:Inter,sans-serif;color:#334155}.summary-header{background:linear-gradient(135deg,#6366f1 0,#a855f7 100%);border-radius:24px;padding:30px;color:#fff;margin-bottom:30px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1)}.glass-card{background:var(--glass);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);border-radius:28px;padding:25px;height:100%;box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 10px 15px -3px rgba(0,0,0,.1)}.status-row{display:flex;align-items:center;padding:18px 22px;border-radius:20px;margin-bottom:14px;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent;cursor:pointer}.status-row:hover{transform:translateX(8px);box-shadow:0 10px 15px -3px rgba(0,0,0,.05)}.status-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-right:18px;background:#fff;font-size:1.2rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}.status-label{flex-grow:1;font-weight:700;font-size:.95rem}.status-date{font-weight:800;color:#1e293b;font-size:1rem}.param-group{background:#f1f5f9;border-radius:18px;padding:12px 16px;margin-bottom:15px;border:2px solid transparent;transition:.2s}.param-group:focus-within{border-color:#6366f1;background:#fff}.param-label{font-size:.7rem;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.param-input{border:none;background:0 0;font-weight:700;width:100%;outline:0;padding-top:4px}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.cal-month{font-weight:900;font-size:1.1rem;color:#1e293b}.cal-btn{border:none;background:#fff;width:36px;height:36px;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.05);transition:.2s}.cal-btn:hover{background:#6366f1;color:#fff}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;text-align:center}.cal-day-name{font-size:.75rem;font-weight:800;color:#cbd5e1;padding-bottom:12px}.cal-date{height:44px;display:flex;align-items:center;justify-content:center;border-radius:14px;font-weight:700;font-size:.9rem;position:relative;transition:.2s}.mark-fertile{background-color:var(--color-fertile);color:var(--text-fertile)}.mark-ovulation{background:var(--dot-ovulation)!important;color:#fff!important;border-radius:50%;box-shadow:0 0 15px rgba(34,197,94,.5);z-index:2}.mark-period{border-bottom:4px solid var(--accent-period);background-color:var(--color-period)}.mark-test{border:2px dashed #eab308;background-color:var(--color-test)}.mark-due{background-color:var(--color-due);border-radius:50% 50% 0 0}.other-month{opacity:.15}